@charset "utf-8";
/* CSS Document 
字体说明
"\9ED1\4F53" 黑体
"\5FAE\8F6F\96C5\9ED1" 微软雅黑
"\5B8B\4F53" 宋体
*/
/* The gallery overlay */
.galleryOverlay{width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;z-index:100000;background:url(../img/blackOpacity50.png) \9;background-color:rgba(0,0,0,.8);overflow:hidden;display:none;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}
.galleryOverlayIframe{width:100%;height:100%; position: absolute; left: 0; top: 0; opacity:0;z-index:99999;filter:alpha(opacity=0);}
/* This class will trigger the animation */
.galleryOverlay.visible{opacity:1}
.gallerySlider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;-moz-transition:left .4s ease;-webkit-transition:left .4s ease;transition:left .4s ease}
.gallerySlider .placeholder{background:url(../img/preloader.gif) no-repeat center center;height:100%;line-height:1px;text-align:center;width:100%;display:inline-block;position:relative;vertical-align: middle;}
.gallerySlider .hide_img{display: none;}
.gallerySlider .block_img{display: block; overflow: auto;}
/* The before element moves the
 * image halfway from the top */
.gallerySlider .placeholder:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
.gallerySlider .placeholder img.normal{display:inline-block;max-height:100%;max-width:100%;vertical-align:middle}
.gallerySlider.rightSpring{-moz-animation:rightSpring .3s;-webkit-animation:rightSpring .3s}
.gallerySlider.leftSpring{-moz-animation:leftSpring .3s;-webkit-animation:leftSpring .3s}
/* Firefox Keyframe Animations */
@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}
@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */
@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}
@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}
/* Arrows */
.nextArrow,.prevArrow{border:none;text-decoration:none;background:url(../img/arrows.png) no-repeat;opacity:1;cursor:pointer;position:absolute;width:54px;height:54px;top:50%;margin-top:-27px;-moz-transition:opacity .2s ease;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}
.nextArrow:hover,.prevArrow:hover{opacity:1}
.prevArrow{background-position:left top;left:40px}
.nextArrow{background-position:right top;right:40px}
.viewRotate{/* box-shadow: 1px 1px 8px #333; */ border:none;text-decoration:none;background:url(../img/viewRotate.png) no-repeat center;opacity:1;cursor:pointer;position:absolute;border-radius: 20px;width:35px;height:35px;top:15px; right:54px;}
.hideOverlay{/* box-shadow: 1px 1px 8px #333; */ border:none;text-decoration:none;background:url(../img/close.png) no-repeat;opacity:1;cursor:pointer;position:absolute;width:35px;height:35px;top:15px; right:15px;}
/*秀的点赞、回复*/
.moreAction{ position: absolute; right: 9px; bottom: 9px; width: 80px; z-index: 101;}
.moreAction p{ display: none; border-radius: 5px; border:1px solid #ccc; padding: 5px; margin-bottom: 5px; text-align: center;cursor: pointer;}
.moreAction p:hover{ background:#666;}
.moreAction span.moreAction32{background:url(../img/more1.png) no-repeat; width: 32px; height: 32px; display: block; margin: 0 auto; cursor: pointer;}
.moreAction span.ico16{ vertical-align:top;margin: 4px 5px 0 0;}
.moreAction span.liked_gray,.moreAction span.estimate_gray{color:#fff;display: inline-block;height: 24px;line-height: 24px;}
.moreAction span.liked_gray{ right:10px; cursor:pointer;}
.moreAction span.estimate_gray{ right:80px; cursor:pointer;}
/*正文内容*/
.itemsDescription{ background:url(../img/blackOpacity50.png) \9;background-color:rgba(0,0,0,0.3); color: #fff;text-align: center;position: absolute;width: 100%;z-index: 100;bottom: 0;height: 50px; overflow:hidden;}
.itemsDescription .userPic{ position:absolute; left:20px; top:5px;}
.itemsDescription .userPic img{ width:40px; height:40px; border-radius:20px;}
.itemsDescription p.content{ white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding: 0 80px; text-align:center;font-size: 16px;line-height: 25px;height: 25px;margin-top: 10px;}
.itemsDescription p.content a{ color: #fff;text-decoration: blink}
.itemsDescription p.content a:hover{color: #296fbe;}
.itemsDescription p.content img{vertical-align: top;}
/*正文内容*/
.itemsDescription{ background-color:rgba(0,0,0,0.3); color: #fff;text-align: center;position: absolute;width: 100%;z-index: 100;bottom: 0;height: 50px; overflow:hidden;}
.itemsDescription p.description{ color: #fff; white-space:nowrap;overflow:hidden;text-overflow: ellipsis; padding: 0 200px 0 60px; text-align:left;font-size: 16px;line-height: 25px;height: 25px;margin-top: 10px;}
.itemsDescription p.description a{ color: #fff;}
.itemsDescription .ico24divFl{ position: absolute; top:10px; left: 30px;}
.itemsDescription .ico24divFr{ position: absolute; top:10px; right: 10px;}
.itemsDescription .ico24Span{ display: inline-block; padding:4px 20px 0 5px;cursor: pointer;height: 24px; line-height: 24px;}
.itemsDescription .ico24Span .ico24{vertical-align: top;}
/*放大缩率图*/
.gallerySlider .placeholder img.scaling{display:inline-block;vertical-align:middle;}
.galleryOverlay .viewOrginal{text-decoration: none; opacity: 1; cursor: pointer; position: absolute; width: 78px; height: 24px; line-height: 24px; top: 20px; right: 93px; border: 1px solid #363636; font-size: 12px; color: white; text-align: center; z-index: 999; vertical-align: middle; text-align: -webkit-center;border-radius: 5px;}