
/*作品详情**/
.wl_widget-theater_box{position: fixed;top: 0;left: 0;z-index: 5;display: block;width: 100%;overflow: hidden;background-color: #f0f0f0;}
.wl_widget-theater_min{position: absolute;top: 10px;right: 355px;bottom: 0;left: 34px;overflow: hidden;background-color: #fff;}
.wl_widget-theater_min .theater-handler{position: relative;height: 64px;width: 100%;padding: 19px 0;margin-bottom: auto;text-align: center;z-index: 999;}
.wl_widget-theater-aside{position: relative;width: 320px;height: 100%;margin-left: auto;border-left: 1px solid #ebebeb;overflow-y: auto;color: #333;background-color: #fff;margin-right: 34px;margin-top: 10px;}
.wl_widget-theater-aside .aside-post-head {position: relative;padding: 20px 15px 20px 25px;line-height: 1;font-size: 16px;color: #333;}
.wl_widget-theater-aside .aside-post-head .site-icon {position: absolute;top: 17px;left: 15px;width: 50px; height: 50px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.wl_widget-theater-aside .aside-post-head .site-icon img {width: 100%;height: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.wl_widget-theater-aside a.wl_nusename {color: #000; font-size:16px;}
.wl_widget-theater-aside .aside-post-head p {margin: 10px 0 0;font-size: 14px;color: #999; line-height:22px}
.wl_widget-theater-aside .aside-post-head .aside-site-follow { height:26px; line-height:24px;position: absolute;right: 10px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);color: #fff;background-color:#333;padding:0px 20px;border-radius:4px;font-size:14px;display:inline-block}
.wl_widget-theater-aside .aside-post-head .aside-site-follow.ksyc { width:59px;text-align: center;height:26px; line-height:24px;position: absolute;right: 10px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);color: #fff;background-color:#999;border-radius:4px;font-size:14px;display:inline-block}
.wl_widget-theater-aside .aside-post-head .aside-site-follow.ksyc:hover font{display: none;}
.wl_widget-theater-aside .aside-post-head .aside-site-follow.ksyc:hover span{display: inline-block;}
.wl_widget-theater-aside .aside-post-head .aside-site-follow.ksyc span{display: none;}
.wl_widget-theater-aside .aside-post-head .aside-site-follow.ksyc:hover{background: #333;}
.wl_localbox{width: 100%;height: 45px;border-bottom: 1px solid #ececec;}

.wl_introbox{height: auto;overflow: hidden;padding: 0px 15px 10px 15px;}
.wl_introbox .wl_intleft{width: 75px;height: 75px;float: left;overflow: hidden;text-align: center;}
.wl_introbox .wl_intleft img{width: 100%;}
.wl_introbox .wl_intrig{width: 200px;float: right;overflow: hidden;}
.wl_introbox .wl_intrig p.p1{font-size: 15px;font-weight: bold;color: #333;line-height: 30px;}
.wl_introbox .wl_intrig p.p2{font-size: 13px;color: #666; line-height: 19px;padding-top: 4px;}
.wl_introdeg{width: 163px;height: 30px; margin: 0px auto;border: 1px solid #44b46c; line-height: 30px; text-align: center;font-size: 14px;color: #44b46c;}
/***点赞 收藏  分享**/
.aside-post-like{border-bottom: 1px solid #ebebeb; padding:20px 0px 20px 30px; overflow:hidden}
.aside-post-like a{ width:33%; display:block; float:left; overflow:hidden; text-align:center}
.aside-post-like a.aside-post-like_coin1{ background:url(../img/z_like_coin1.png) no-repeat center left;color:#333}
.aside-post-like a.like_coin_not{ background:url(../img/z_like_coin11.png) no-repeat center left;color:#333}
.aside-post-like a.aside-post-like_coin2{ background:url(../img/z_like_coin2.png) no-repeat center left;color:#333}
.aside-post-like a.collect_coin_not{ background:url(../img/z_like_coin22.png) no-repeat center left;color:#333}
.aside-post-like a.aside-post-like_coin3{ background:url(../img/z_like_coin3.png) no-repeat center left;color:#333}
/* 猜您喜欢 */
.pic-like-conten{width: 90%;height: auto;overflow: hidden;margin: 0px auto;border-bottom:1px solid #ebebeb;padding: 0px 5% 15px;}
.pic-like-conten ul li{width: 30%;float: left;margin: 0px 1.5% 3%;overflow: hidden;text-align: center; height: 54px;}
.pic-like-conten ul li a img{width: 100%;}
/* 相关资讯 */
.news-link{width: 90%;height: auto;overflow: hidden;margin: 0px auto;padding: 0px 5%;}
.news-link ul li{ width: 100%;float: left;overflow: hidden;line-height: 28px;font-size: 14px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-link ul li a{color: #333;}
.news-link ul li a:hover{color: #44b46c;}
/* 热门标签 */
.hot_tag{width: 90%;height: auto;overflow: hidden;margin: 0px auto;border-bottom:1px solid #ebebeb;padding: 0px 5% 15px;}
.hot_tag a{float: left;margin-bottom: 10px;margin-right: 10px;padding: 12px;color: #999;font-size: 12px;font-family: "MicrosoftYaHei";background: #f8f8f8;}
/***作品简介***/
.aside-post-txtcon{border-bottom: 1px solid #ebebeb;line-height: 1; padding:20px 15px 20px 30px; overflow:hidden}
.aside-post-txtcon p.p1{ font-size:16px; color:#333; line-height:35px; padding-bottom:5px;}
.aside-post-txtcon p.p2{ font-size:12px; color:#999; line-height:28px; padding-bottom:15px;}
.aside-post-txtcon p.p3{ font-size:14px; color:#999; line-height:26px; padding-bottom:5px;}
.aside-image-exif{border-bottom: 1px solid #ebebeb;line-height: 1; padding:20px 15px 20px 30px; overflow:hidden}
.aside-image-exif span{ display:inline-block; float:left; font-size:14px; color:#323232}
.aside-image-exif i{ display:inline-block; float:right; width:16px; height:20px; cursor:pointer}
.aside-image-exif i.down{ background:url(../img/exif_down.png) no-repeat center}
.aside-image-exif i.up{ background:url(../img/eift_up.png) no-repeat center}
.all-exif{ padding:15px 20px 15px 30px; overflow:hidden; font-size:12px; color:#666; line-height:30px;}
/***登录提示***/
.aside-post-login{border-top: 1px solid #ebebeb;line-height: 1; padding:20px 15px 20px 30px; overflow:hidden; font-size:14px; color:#999}
.aside-post-login span{ color:#333}
.theater-aside-comment{padding: 0 20px 15px; /*overflow:hidden;*/border-top: 1px solid #ebebeb;}
.comment-wrapper {padding: 20px 0 0;}
.comment-wrapper  .comment-form { position: relative;}
.comment-wrapper  .comment-form textarea {height: 64px;padding: 7px 8px 8px;font-size: 13px;border: 0;color: #000;background-color: #f6f6f6;    width: 97%;outline: 0;resize: vertical;}
.comment-wrapper  .comment-form .text {height: 64px;padding: 7px 8px 8px;font-size: 13px;border: 0;color: #000;background-color: #f6f6f6;    width: 97%;outline: 0;resize: vertical;}
.comment-wrapper .comment-form .form-action {position: relative;height: 28px;line-height: 28px; text-align:right; margin-top:10px}
.comment-wrapper .comment-form .comment-btn{cursor: pointer; background-color:#333333; border:none; color:#fff; border-radius:4px; padding:5px 15px;}
.comment-wrapper .comment-form .comment-btn:hover{opacity: 0.85;}
/**评论展示***/
.comment-wrapper .comments-list li {position: relative;margin: 8px 0 0;padding: 0px 0 4px 35px;font-size: 13px;color: #b0b5b8;}
.comment-wrapper .comments-list li .site-icon {position: absolute;left: 0;top: 0;width: 26px;height: 26px;}
.comment-wrapper .comments-list li .site-icon img {display: block;width: 100%;height: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.comments-list li .site-name {color: #fff;}
.comments-list li .comment-foot {margin-top: 4px;padding-bottom:8px;}
.comment-wrapper .vice-comments-list {padding-left: 8px;border-top: 1px solid #ebebeb;}
.comment-wrapper .vice-comments-list .vice-comment {padding-left: 0;}
.comments-list li .site-name {color: #fff;}
.comments-list li a.site-link{ color:#000;}
.comments-list li .coco a.site-icon{ top: 5px;}
.comments-list li .coco a.site-link{margin-left: 30px;line-height: 35px;display: block; }
.comments-list li .coco .comment-foot{margin-top: 7px; }
.comment-wrapper .more-comments {width:120px; line-height:30px; height:30px;text-align: center; margin:10px auto;font-size:13px; border-radius:20px; border:1px solid  #b0b5b8;}
.comment-wrapper .more-comments a{color: #b0b5b8;}
.comment-wrapper .more-comments:hover{ border:1px solid #000;cursor: pointer;}
.comment-wrapper .more-comments:hover a{ color:#000}
.comment-content p{ line-height:24px}
.comment-content p img{vertical-align: middle;}
.comment-foot time{ font-size:12px;height: 18px;line-height: 18px;display: inline-block;}


/*---------------------LIGHTBOX OFERTAS------------------------------------*/
#zoom-visualizer{ display:none; z-index:90000; top:0; left:0; width:100%;  position:relative}
#zoom-visualizer .lightbox{ display:block; z-index:6000;}

#zoom-visualizer .header{height: 72px;width: 100%; z-index: 7000;}
#zoom-visualizer .header .inside {}
#zoom-visualizer .header .inside div .fechar { display:block; height: 26px; width: 28px; background: url(../img/bt-fechar-zoomvisualizer.png) no-repeat center;}
#zoom-visualizer .header .inside #wrapper-fechar {}
#zoom-visualizer .header .inside p{float: left; font-weight: 400; font-size: 18px; color: #034ea2; margin-top: 29px;}

#zoom-visualizer .header .inside #zoom .zoom-out {width: 28px; height: 26px; display:block; background: url(../img/zoom-out.png) no-repeat 0 0 ;}
#zoom-visualizer .header .inside #zoom .zoom-in  {width: 28px; height: 26px; display:block; background: url(../img/zoom-in.png) no-repeat 0 0 ;}
#zoom-visualizer .header .inside #zoom #barra { position: relative; width:5px; height:115px ; background-color: #212121; position: relative; display:block}
#zoom-visualizer .header .inside #zoom #wrapper-barra-zoom{ background-color:#313131;}
#zoom-visualizer .header .inside #zoom #scroll {display:block; left:0; top:0; background-color: #999479;}

/*zoom horizontal*/
#zoom-visualizer.horizontal .header .inside #zoom{ margin:0 0 0 0; float:left;}
#zoom-visualizer.horizontal .header .inside #zoom > div > div{ float:left;}
#zoom-visualizer.horizontal .header .inside #wrapper-fechar{ float:left;}
#zoom-visualizer.horizontal .header .inside #zoom .zoom-out { margin: 0 0 0 0;}
#zoom-visualizer.horizontal .header .inside #zoom .zoom-in  { margin: 0 0 0 0;}
#zoom-visualizer.horizontal .header .inside #zoom #barra {  height:4px; width:115px ;}
#zoom-visualizer.horizontal .header .inside #zoom #scroll {display:block; height:5px; width:25px;}
#zoom-visualizer.horizontal .header .inside #zoom img {float: left; margin-left:20px; display: none;}
#zoom-visualizer.horizontal .header{ height: 30px; position: fixed; width: 252px; z-index: 7000; right:10px; top:10px; border:none;}
#zoom-visualizer.horizontal .header .inside #wrapper-fechar{ border:none; float:right;}
#zoom-visualizer.horizontal .header .inside #zoom #wrapper-barra-zoom{ float:left; height:26px; margin:0 3px;}
#zoom-visualizer.horizontal .header .inside #zoom #wrapper-barra-zoom > div{ padding:12px 12px 5px 12px;}
/*--------------------------*/

/*zoom vertical*/
#zoom-visualizer.vertical .header .inside #zoom{ margin:0 0 0 0;  height: 172px;}
#zoom-visualizer.vertical .header .inside #zoom .zoom-out { margin: 2px 0 2px 0;}
#zoom-visualizer.vertical .header .inside #zoom .zoom-in  { margin: 2px 0 0 0;}
#zoom-visualizer.vertical .header .inside #zoom #barra { width:4px; height:115px ; margin-left:12px;}
#zoom-visualizer.vertical .header .inside #zoom #scroll {display:block; width:5px; height:25px;}
#zoom-visualizer.vertical .header .inside #zoom img {float: left; margin-left:20px; display: none;}
#zoom-visualizer.vertical .header{ height: 252px; position: fixed; width: 30px; z-index: 7000; left:10px; top:10px; border:none;}
#zoom-visualizer.vertical .header .inside #wrapper-fechar{ border:none;}
#zoom-visualizer.vertical .header .inside #zoom #wrapper-barra-zoom { width: 28px;}
#zoom-visualizer.vertical .header .inside #zoom #wrapper-barra-zoom .wrapper-barra{ padding:5px 0 5px 0;}
/*--------------------------*/

#zoom-visualizer .content {position:absolute; width:100%}
#zoom-visualizer .wrapper{ overflow:hidden; position:relative; }
#zoom-visualizer .content img{ display:none; position:relative; left:0; top:0;}
#zoom-visualizer .content #next{display: block; width: 100px; height:100%; position: absolute; background: url(../img/r.png) no-repeat  center; top: 7%; right: 50px; z-index:9999;}
#zoom-visualizer .content #before{display: block;width:100px ;height:100% ;position: absolute;background: url(../img/l.png) no-repeat center; top: 0%; left:50px; z-index:9999;}
#zoom-visualizer .footer #snext{display: block; width: 21px; height:70px; position: absolute; background: url(../img/icon-next2.png) no-repeat  center; top: 15%; right: 33px; z-index:9999;}
#zoom-visualizer .footer #sbefore{display: block;width:21px ;height:70px ;position: absolute;background: url(../img/icon-before2.png) no-repeat center; top:15%; left:33px; z-index:9999;}




#zoom-visualizer .footer { height: 128px; position:absolute; width: 100%; left:0px; right:0px; bottom: 0; overflow:hidden}
#zoom-visualizer .footer div a {float: left;width:106px;height: 70px; border:2px solid #fff; margin: 4px 5px 5px 0;position: relative;overflow:hidden}
#zoom-visualizer .footer div a img{ width:100%;}
#zoom-visualizer .footer div a span {width: 67px;height: 104px;position: absolute;top: 0}
#zoom-visualizer .footer div a.ativo,.listagem-imagens div a{ border:2px solid #44b46c}
#zoom-visualizer .footer #listagem-imagens > div { margin-top:13px;}

#zoom-visualizer .lightbox-ofertas-bg{ width: 100%; height: 100%; z-index: 5000;}
#zoom-visualizer .lightbox{ }
#zoom-visualizer .galeria-fotos{display:none;}

#zoom-visualizer #aba-lista{ position:absolute; height:30px; width:140px; left:50%; top:-30px; margin-left:-70px; background-color:#303030; text-decoration:none;}
#zoom-visualizer #aba-lista span{ color:#999999; display:block; text-align:center; padding-top:5px; font-weight:400; font-size:12px;}
#zoom-visualizer #aba-lista span:hover{ color:#ffffff;}

.loader_overlay{position:fixed; width:31px; height:31px; display:block; left:50%; top:50%; margin:-15px 0 0 -15px; z-index:999999; background-color:#ffffff; padding:10px; border-radius:10px;}

#zoom-visualizer.vertical .tooltip-content{ position:relative;}
#zoom-visualizer.vertical .tooltip-content .tooltip{ position:absolute; top:50%; display:none; margin-top:-13px; width:300px;}
#zoom-visualizer.vertical .tooltip-content .tooltip p{ background-color:#313131; padding:3px 15px; color:#89856d; font-size:14px; margin:0;}
#zoom-visualizer.vertical .tooltip-content .tooltip span{ right:-6px; top:5px; position:absolute; background:url(../img/aba-tooltip.png) no-repeat 0 0; width:7px; height:14px; display:block;}

#zoom-visualizer.horizontal .tooltip-content .tooltip{ display:none;}