#vlightbox{width:100%;overflow:hidden;padding:20px 0 0 0;text-align:center;}
#vlightbox span{display:block;}
#vlightbox a{display:inline-block;overflow:hidden;width:250px;height:190px;margin:10px;padding:0px;background-color:#f4f5f5;}
#vlightbox a div,#vlightbox a div img,#vlightbox a p{width:250px;display:block;cursor:pointer;overflow:hidden;}
#vlightbox a div{height:157px;}
#vlightbox a div img{height:157px;}
#vlightbox a p{height:32px;border-top:1px solid #ffffff;font-size:12px;line-height:33px;}
#vlightbox a:hover{background:#009836;color:#ffffff;}
#vlightbox a:hover p{color:#ffffff;}
#vlightbox a.vlightbox_hidden{display:none;}
#overlay{position:absolute;top:0;left:0;z-index:1090;width:100%;height:auto;background-color:#000000;}
#lightbox{position:absolute;top:20px;left:0;width:100%;z-index:1100;text-align:center;color:white;line-height:0;}

#lightbox a, #lightbox a:hover {border-bottom:none;color:white;text-decoration:underline;}
#lightbox a img{ border:none; }
#outerImageContainer{width:auto;height:auto;margin:0 auto;position:relative;}
#lightboxImage{width:100%;height:100%;}

#imageContainer{width:50px;height:50px;margin:0 auto;overflow:hidden;position:relative;font-size:0;}
#loading{
	position:absolute;
	top:40%;
	left:0;
	height:25%;
	width:100%;
	text-align:center;
	font-size:10px;
	z-index:1;
}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:60%;
	height:32px;
	background:url(../statics/images/msg_img/loading_d.gif) no-repeat center center;
	text-indent:-9999px;
}
#hoverNav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}

#prevLinkImg, #nextLinkImg{
	width:49%;
	height:100%;
	display:block;
	text-indent:-9999px;
	}
#prevLinkImg {left:0;float:left;}
#nextLinkImg {right:0;float:right;}
#prevLinkImg{background:url(img/vlightbox_prev.png) no-repeat 5% center;}
#nextLinkImg{background:url(img/vlightbox_next.png) no-repeat 95% center;}
#nextLinkImg:hover{}
#nextLinkImg:visited:hover { 
}

#imageDataContainer{
	width:100%;
	font-family:"微软雅黑";
	font-size:14px;
	position:absolute;
	left:10px;
	bottom:20px;
}
#imageData {text-align:center;}
#imageDetails{text-align:center;padding:0;}
#caption{
	width:auto;
	margin:0 auto;
	font-weight:bold;
	display:inline-block;
	line-height:40px;
	padding:0 10px;
	background:#000;
	color:#fff;
	filter:alpha(Opacity=60);
	opacity:0.60;
	-moz-opacity:0.60;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	border-radius:10px;
}
#numberDisplay,
#detailsNav,
#prevLinkDetails,
#nextLinkDetails,
#slideShowControl,
#prevLinkDetails,
#nextLinkDetails,
#slideShowControl,
#slideShowControl.started{display:none;}

#close{
	position:absolute;
	right:-25px;
	top:50%;
	margin-top:-15px;
	z-index:21;
}
#closeLink {
	display:block; 
	outline-style:none; 
	width:30px;
	height:30px;
	background:url(img/vlightbox_close.png) no-repeat 0 0;
}
#closeLink:hover{}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}

* html .clearfix {
	/* Hides from IE-mac \*/
	height:1%;
	/* End hide from IE-mac */
}	

#outerImageFrame{
	height:100%;
	width:100%;
	position:absolute;
}

#outerImageContainer{
	overflow:visible;
}
#outerImageContainer td{
	text-align:center;
	padding:0;
}

#lightboxFrameBody{
	background:url(../icons/back_info.png);
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icons/back_info.png', sizingMethod='scale');
}

#outerImageContainer td{
	font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
	height:10px;
	width:10px;
}

#outerImageContainer td.tl{background:url(img/vlightbox_tl.png) repeat 0 0;}
#outerImageContainer td.tc{background:url(img/vlightbox_tb.png) repeat;}
#outerImageContainer td.tr{background:url(img/vlightbox_tr.png) repeat 0 0;}
#outerImageContainer td.ml{background:url(img/vlightbox_tb.png) repeat;}
#outerImageContainer td.mr{background:url(img/vlightbox_tb.png) repeat;}
#outerImageContainer td.bl{background:url(img/vlightbox_bl.png) repeat 0 0;}
#outerImageContainer td.bc{background:url(img/vlightbox_tb.png) repeat;}
#outerImageContainer td.br{background:url(img/vlightbox_br.png) repeat 0 0;}