.hover_thumbnail {
    position:relative;
    overflow:hidden;
	width:100%;
	width:300px\9;
	height:inherit;
}
 
.hover_caption {
    position:absolute;
    top:10%;
    right:10%;
	background:#28283E; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";       /* IE 8 */ filter: alpha(opacity=70);  /* IE 5-7 */ -moz-opacity: 0.7;          /* Netscape */ -khtml-opacity: 0.7;        /* Safari 1.x */ opacity: 0.7;               /* Good browsers */
    width:80%; width:80%\9;
    height:80%; height:80%\9;
    padding:10%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:11;
}

@media only screen and (min-width : 10em) and (max-width: 40em) {
	.hover_thumbnail { overflow:visible; height:250px;}
	.hover_caption {
    width:100%;
	top:inherit;
	right:inherit;
    height:55px;
    padding:0.3em;
    display: block !important;
    text-align:left;
    font-size:14px;
	position:absolute; 
	z-index:50; 
	bottom:0;
	left:inherit; 
	background:#CA2579;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";       /* IE 8 */ filter: alpha(opacity=90);  /* IE 5-7 */ -moz-opacity: 0.9;          /* Netscape */ -khtml-opacity: 0.9;        /* Safari 1.x */ opacity: 0.9; 
}

.hover_caption .line_2em { line-height:1em; }

}