.image-overlay {text-align:left;}
.image-overlay li {display:inline;}
.image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active {text-decoration:none;}
.image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img {border:none !important;}
.image-overlay a {float:left;overflow:hidden;position:relative;}
.image-overlay img {position:absolute;top:0;left:0;border:0;}
.image-overlay .caption {float:left;position:absolute;background-color:#000;width:100%;cursor:pointer;top:1000px;
	/* The way to change overlay opacity is the follow properties. Opacity is a tricky issue due to
		longtime IE abuse of it, so opacity is not offically supported - use at your own risk. 
		To play it safe, disable overlay opacity in IE. */
    /* For Firefox/Opera/Safari/Chrome */
	opacity:.8;
    /* For IE 5-7 */
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.image-overlay .caption span {text-indent:0;margin:4px 5px 3px;font-size:13px;display:block;color:#fff;}