body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font-family: "微软雅黑"; font-size:14px;}
body{color:#dfdfdf;font-family: "微软雅黑"; font-size:14px;*font-family:Tahoma,Helvetica,Arial,sans-serif;background:#27282d;word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
ul,ol,li{list-style:none;}
a{text-decoration:none; color:#f0f0f0;}
a:hover{text-decoration:underline; color:#f080a6}
.left{float:left}
.right{float:right}
.center{text-align:center;margin:0 auto;}
.red{color:#FF5722;}
.green{color:#5FB878;}
.blue{color:#1E9FFF;}
.top{margin-bottom:10px;background:#1c1d22;height:50px;padding:0px; width:100%;position: fixed;z-index:999999;top:0;left:0;}
.width{ clear:both; margin:10px auto; padding:0px; line-height:30px; width:1100px;}
.width span{ color:#f17c67; padding:auto 5px;}
/* 澶撮儴 */


.logo{float:left;padding:0px 5px; height:40px; overflow:hidden;}
.logo img{ padding:2px 0px; height:35px; width:auto}
.fh {background: url(../images/fh.png) no-repeat center;padding: 0px 15px;}
.header{background-color: #393D49; padding:0px 0px; height:40px;}
.header-box{zoom:1; overflow:auto;clear:both; margin:0px auto; width:1100px;}
.header-nav{ float:right; padding-right:0px;}
.header-nav ul li{ float:left; padding-right:0px; padding:0px 5px; line-height:40px;}
.header-nav ul li i{ padding-right:5px;}

hr{border-top: 1px solid #53565f;}
.search {float:right; padding:5px; width:35%;}
.search form {background: #27282d; height:30px;border-radius: 5px;}
.search input, .search button { border: none; outline: none; background: transparent; font-size:12px;color:#f0f0f0;}
.search input { height: 30px;  padding: 0 5px; float:left; width:50%;}
.search button { height: 30px; width: 30px; cursor: pointer; color:#f0f0f0; float:right; }
.layui-icon{ font-size:14px;}
.layui-tab{ margin:0px;}
.layui-tab-title{border-color: #53565f;}
.layui-tab-title li{ float:right;}
.layui-this,.header-dh{ color:#f080a6;}
.layui-elem-field{border-color: #53565f; margin:10px 0px;}
.layui-elem-field legend{ font-size:14px; color:#f080a6;}
.header-dh,.header-user{ cursor:pointer;}
#tjnav,#mynav{background-color: #393D49; text-align:right; display:none;}
.nav-box{padding:10px 1px;border-top: 1px solid #53565feb;border-bottom: 1px solid #53565feb;}
.nav-box a{font-size:14px;background-color: #27282d; display:inline-block;color: #f0f0f0; padding:2px 5px;border-radius: 5px;margin:3px 5px;}
.nav-box a:hover{background-color: #53565f;color: #f0f0f0;text-decoration:none}
.jstc{ height:0px; overflow:hidden;}
#tjd_tg,#tjd_jg{ background-color:#393D49;}



.tags{padding: 10px; line-height: 22px; color: #fff;}
.tags a{font-size:14px;background-color: #27282d; display:inline-block;color: #f0f0f0; padding:2px 5px;border-radius: 5px;margin:3px 5px;}
.tags a:hover{background-color: #53565f;color: #f0f0f0;text-decoration:none}


/*导航*/
.nav{ float:right; }
.lanmu{ float:left; padding:5px;cursor: pointer; }
.lanmu span{ display:block;cursor: pointer; background-color: #f17c67;color: #f0f0f0;border-radius: 5px;padding:8px 15px;}
.userinfo{ float:left; line-height:50px;}
.userinfo a{  margin:0px 5px; color:#f17c67;}

.user-msg{ padding:5px;background-color: #393D49;border-radius: 5px;}
.user-msg a{font-size:14px;background-color: #27282d; display:inline-block;color: #f0f0f0; padding:2px 5px;border-radius: 5px;margin:2px 4px; line-height:25px;}
.user-msg a:hover{background-color: #53565f;color: #f0f0f0;text-decoration:none}

.user-header{width: 1100px;margin: 0 auto;text-align: center;padding: 20px;border: 1px solid #f080a6;border-radius: 10px;}
.user-box{width: 450px;margin: 0 auto;text-align: center;}


.user-box h2{font-size:2.2rem;margin-bottom:20px;}


.user-box ul{margin-bottom:10px}
.user-box li{margin-bottom: 10px;}
.user-box p{margin-bottom: 5px;}
.user-box input{margin-bottom: 10px;margin: 0 auto;text-align:center;width: 100%}


/**
.user-box .user-input{border:1px solid #ddd;border-radius:3px;line-height:38px;height:38px;width:90%;padding:0 10px;}.input-ma{position:relative;}
.user-box .user-submit{width: 100%;text-align: center;margin-bottom:20px}
.user-box .user-submit li{width: 50%;display:inline;}**/
.user-my {
background-color: #1c1d22;
line-height: 30px;
padding: 20px;
border: 1px solid #f080a6;
border-radius: 5px;}
}
.user-my li{
border-bottom:1px dashed #000; height:50px;width:350px}
.user-reg {background-color: #4CAF50;
    border: none;
    color: white;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight:700;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 10px;}
.user-login {
	background-color: #f00;
	border: none;
    color: white;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
	font-weight:700;
    margin: 4px 2px;
    cursor: pointer;
	border-radius: 10px;}
	
	
	
.down_shoucang{ padding:10px 0px; width:100%;}
.down_shoucang a{font-size:14px;background-color: #f17c67;color: #f0f0f0;margin:20px 10px; padding:5px 15px;text-align:center; line-height:30px;border-radius: 5px;}


h1{font-size:14px; line-height:30px; text-align:left; padding:10px 0px;border-bottom: 1px solid #393D49; margin-bottom:10px;}
h2 {font-size: 14px; color: #f080a6;border-color: #53565f; margin:10px 0px;}
h2 legend{ font-size:14px; color:#f080a6;}
.fenhao{ padding:10px;}
.fenhao p{ line-height:22px;}
.fenhao p span{ font-size:22px; color:#1699df; padding:0 10px;}
.fenhao p a{padding: 1px 5px; line-height:22px;margin:5px;border-radius:5px;display:inline-block;background-color:#393D49;white-space:nowrap;color:#f0f0f0;}
.fenhao p a:hover{background-color: #f080a6;color: #f0f0f0;text-decoration:none; }

a.on{background-color: #f080a6;color: #f0f0f0;text-decoration:none; }

.up-box{width:1100px;margin:0 auto;text-align:center;overflow:hidden;clear:both; padding:8px 20px;}
.up-box li{height:32px;line-height:32px;overflow:hidden; padding-left:15px;background:url(../images/deisc.jpg) center left no-repeat; font-size:14px;text-align:left;}
.up-box li a{height:27px;line-height:27px; font-size:14px;text-align:left;}
.up-box li span{ float:right; padding:0 5px;}

.index-faq{zoom:1; overflow:auto;clear:both; margin:10px auto; padding:5px; width:1100px;text-align:center;}
.index-faq p{ line-height:30px; font-size:14px;}
.index-faq p span{ color:#f17c67; padding:auto 5px;}
.index-c{ clear:both; margin:auto; line-height:30px; width:700px; padding:10px;border:1px solid #393D49; background-color:#393D49;border-radius: 5px;text-indent:2em;}
.index-c span{ padding:0 5px;}
.index-c b{ color:#f080a6; font-size:18px; padding:0px 10px;}

.index-t{font-size:16px;background-color: #1699df;color: #f0f0f0;margin:20px auto; width:200px;text-align:center; line-height:50px;border-radius: 5px;}
.index-t-bnt{font-size:16px;background-color: #f080a6;color: #f0f0f0;margin:20px auto; width:200px;text-align:center; line-height:50px;border-radius: 5px;}
.index-t-bnt a:hover{color: #f0f0f0;}

/*
.index-faq img{ width:90%; margin:10px auto; text-align:center;}
*/

.article-box_t>ul>li{position: relative;}
.article-box>ul>li{position: relative;}
.top-right{position: absolute;right:8px;top:8px;background:#f080a6;background:rgba(3,138,48,0.5);z-index: 100;padding:8px;color: #fefefe;border-radius:20px;}

.article-box{zoom:1;clear:both; margin:0px auto;padding:5px;width:1100px;}
.article-box ul{padding:0px;zoom:1;}
.article-box ul li {width: 210px;float: left;background: #3e4047; margin:5px;}
.article-box ul li img{width:210px; height:290px;padding:0px;}

.article-box ul li.small-pl{width: 175px;float: left;background: #3e4047; margin:4px;}
.article-box ul li.small-pl img{width:175px; height:290px;padding:0px;}
.article-box ul li.small-pl p{line-height: 22px;font-size: 14px;height: 20px;padding: 0px 8px;}
.article-box ul li.small-pl p a{padding:2px 6px;font-size:14px; margin:0px 4px 0px 0px;;background: #27282d;border-radius: 5px;}
.article-box ul li.actress{width: 175px;loat: left;background: #3e4047; margin:4px;border-radius: 5%;}
.article-box ul li.actress img{width:175px; height:175px;padding:0px;border-radius: 50%;}
.article-box ul li.actress p{line-height: 22px;font-size: 14px;height: 20px;padding: 0px 8px;text-align:center;}
.article-box ul li.actress p a{padding:2px 6px;font-size:14px; margin:0px 4px 0px 0px;;background: #27282d;border-radius: 5px;}
.article-box ul li p a{padding:2px 6px;font-size:14px; margin:0px 4px 0px 0px;;background: #27282d;border-radius: 5px;}
.article-box ul li p a:hover{background: #f080a6; color:#f0f0f0;border-radius: 5px;text-decoration:none;}
.article-box ul li p{line-height:30px; font-size:14px; height:30px; overflow:hidden; padding:0 8px;font-family: "微软雅黑";}
.article-box ul li p.t a{padding:2px 0px; margin:0px;background: #3e4047;}
.article-box ul li p.t a:hover{ color:#f080a6;}
.article-box ul li p.shoucangdel{ text-align:center;}
.article-box ul li p.shoucangdel a{padding:4px 8px; margin:0px;background: #f080a6;}

.down-box{zoom:1; overflow:auto;clear:both; margin:0px auto; padding:5px; width:1100px;}
.banner-box{ clear:both;text-align:center;}
.ph,.ph3,.ph6,.ph8,.ph10,.ph15,.ph20,.ph30,.ph50{clear: both;font-size: 1px;height: 0;line-height: 1px}
.ph3{height: 3px;}.ph6{height: 6px}.ph8{height: 8px}.ph10{height: 10px}.ph15{height: 15px}.ph20{height: 20px}.ph30{height: 30px}.ph50{height: 50px}

.content{zoom:1; overflow:auto; clear:both; margin:auto; text-align:center; padding:0px 10px;}
.content img{cursor: pointer; margin:0px auto;}


#pages { padding:16px 0 10px;  clear:both; margin:0 auto; }
#pages a { display:inline-block; height:30px; line-height:30px; background:#393D49; border:1px solid #393D49; text-align:center; color:#f080a6; padding:0 10px; margin:5px 3px;}
#pages a.a1 { background:#f080a6; width:60px; padding:0px;border:1px solid #f080a6;}
#pages a:hover { background:#f080a6; text-decoration:none; color:#f0f0f0;border:1px solid #f080a6; }
#pages span { display:inline-block; height:30px; line-height:30px; background:#f080a6; border:1px solid #f080a6; color:#f0f0f0; text-align:center;padding:0 10px}
#pages a.current { display:inline-block; height:30px; line-height:30px; background:#f080a6; border:1px solid #f080a6; color:#f0f0f0; text-align:center;padding:0 10px}
.page .noPage { display:inline-block; width:60px; height:30px; line-height:30px; background:#f080a6 ; border:1px solid #f080a6; text-align:center; color:#f0f0f0; }

.footer{width:100%; margin-top:10px; padding:15px 0px; text-align:center; background:#1c1d22;}
.footer a{ padding:0px 10px;}
.footer p.no{ display:none}


.renwu{ clear:both; margin:auto; padding:10px 0px; line-height:30px;}
.renwu_t{ text-align:center; font-size:16px; font-weight:bold;border-bottom: 1px solid #333; padding:10px; margin-bottom:15px;}
.renwu a{font-size:14px;background-color: #1699df;color: #f0f0f0;margin:30px 4px; padding:5px 7px;text-align:center; line-height:35px;border-radius:3px;}

.shoucang{position: fixed;z-index:130;bottom:15px;right:75px;padding:5px;cursor: pointer;}
.shoucang span{ display:block;cursor: pointer; background-color: rgba(0, 0, 0, 0.5);color: #f0f0f0;border-radius: 5px;padding:8px 15px;}
.shoucang span a{ color:#f0f0f0;}

.gengxin{position: fixed;z-index:130;bottom:15px;right:140px;padding:5px;cursor: pointer;}
.gengxin span{ display:block;cursor: pointer; background-color: rgba(0, 0, 0, 0.5);color: #f0f0f0;border-radius: 5px;padding:8px 15px;}
.gengxin span a{ color:#f0f0f0;}

.down{position: fixed;z-index:130;bottom:15px;right:10px;padding:5px;cursor: pointer;}
.down span{ display:block;cursor: pointer; background-color: rgba(0, 0, 0, 0.5);color: #f0f0f0;border-radius: 5px;padding:8px 15px;}
.down span a{ color:#f0f0f0;}

.dingbu{position: fixed;z-index:130;bottom:15px;left:10px;padding:5px;cursor: pointer;}
.dingbu span{ display:block;cursor: pointer; background-color: rgba(0, 0, 0, 0.5);color: #f0f0f0;border-radius: 5px;padding:8px 15px;}
.dingbu span a{ color:#f0f0f0;}
.site-block {
    padding: 20px;
    border: 1px solid #f080a6;
	border-radius: 5px;
}
/*/////*登陆//////by liangguanyu/////*/
.user_login h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0;list-style:none}
.user_login a {color:blue;text-decoration: none;}
.sub_btn1 {/*position:absolute; right:0px; top:50px;*/display: inline-block;zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */*display: 
inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;padding: .5em 2em 
.55em;text-shadow: 0 1px 1px rgba(0,0,0,.6);-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-
box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);color: #e8f0de;border: solid 1px #eee;background: #1699df;background: -webkit-gradient
(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);filter:  
progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#f080a6');}
.sub_btn1:hover {background: #538018;background: -webkit-gradient(linear, left top, left bottom, from(#f080a6), to(#f080a6));background: -moz-linear-gradient(top,  
#f080a6,  #f080a6);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f080a6', endColorstr='#f080a6');}
.inputbg { height:40px;width:280px;margin:0 auto;margin-top:20px;border-radius:4px;border:1px solid #eee;text-align:left;color:#333;}
#username * { vertical-align:middle;}
.inputsub{outline:0;font-family:Tahoma,Geneva,sans-serif;font-size:14px;width:270px;float:left;border:none;text-align:left;color:#333;margin:10px 0 3px 
8px;background:none;overflow:hidden;}
.buttons { width:280px;margin:0 auto;margin-top:25px;text-align:left}
#login-sub{width:100px;height:35px}
#qql {float:right}
.reg { padding:20px;margin:0 auto;width:280px}
#login{margin-top:20px}
.hidden{display:none;}
.user_login{position:absolute;width:500px;background:#fff; display:none;color:#999;border-radius: 5px;}
.user_login .user_title{overflow:hidden;height:42px;background:#f9f9f9 url(http://www.bi126.com/skin/bi126/images/con2_title_bg.png) repeat-x;border-left:1px solid #ccc;border-
right:1px solid #ccc;}
.user_login .user_title span{ float:right; line-height:40px; padding:0 9px;cursor:pointer;font-family:"";font-size:30px;}
.user_login .user_title span:hover{color:#555}
.user_login .user_title li{float:left;width:130px;text-align:center;font-family:"微软雅黑";font-size:18px;cursor:pointer;height:43px;}
.user_login .user_title li a{float:left;width:130px;text-align:center;}
.user_login .user_title li a:hover{}
.conxk1{border-top:3px solid #f080a6;border-right:1px solid #dfdfdf;background:#fff;height:39px;line-height:39px;color:#f080a6;}
.conxk1 a{color:#f080a6;}
.conxk1 a:hover{color:#f080a6;text-decoration:none;}
.conxk2{border-right:1px solid #dfdfdf;height:39px;line-height:39px;padding-top:3px;color:#646464;}
.conxk2 a{color:#646464;}
.conxk2 a:hover{color:#646464;text-decoration:none;}
.user_login .user_content{overflow:hidden;padding:13px 15px;background:#fff;border:1px solid #ccc;border-top-width:0px}
.user_login .user_content .de_list{width:100%;padding-top:12px;}
.user_login .user_content a:visited{ color:blue}
.user_login  .user_content a:hover { color:red; text-decoration: underline; }
.Reg-input{display:block;clear:both;padding:5px 0}
.Reg-input li{display:inline;float:left;}
.Reg-input .input-text{width:220px;height:25px;border:1px solid #ccc;outline:none;border-radius:2px}
.input-text:focus{border:1px solid #339933;}
.Reg-input .Reg-text{width:100px;text-align:right;font-size:14px;}
.Reg-input .input_text{width:70px;float:left}
.user_login #checkbox{text-align:left;}
.user_login #errmsg{color:red}
.user_login .sub_btn1{font-size:15px}
#lean_overlay { position: fixed;z-index:100;top: 0px;left: 0px;height:100%; width:100%; background: #000;display: none;}
/** modal window styles **/
#kbox {padding-top: 0px;width: 100%;}
#kbox img{display: block;max-width: 100%;height: auto;margin: 0 auto}

@media (max-width: 960px){ 
.header-box{width:100%;}
.user-box{width: 100%;}
.user-header{width: 80%;margin: 0 auto;text-align: center;padding: 20px;border: 1px solid #f080a6;border-radius: 10px;}
.user-my {margin: 0 auto;
    text-align: center;width: 80%;}
.article-box{zoom:1;clear:both; margin:5px; width:auto;padding:0px; }
.article-box img{WIDTH:80%; margin:5px;}
.article-box ul{padding:0px;zoom:1;padding:0px 0px;}
.article-box ul li{WIDTH:47%;FLOAT: left;margin:10px 1%;}
.article-box ul li img{width:100%; height:245px;}
.article-box ul li.small-pl{width: 47%;float: left;background: #3e4047; margin:4px;}
.article-box ul li.small-pl img{width:100%; height:245px;padding:0px;}
.article-box ul li.actress{width: 47%;float: left;background: #3e4047; margin:4px;border-radius: 5%;}
.article-box ul li.actress img{width:100%; height:175px;padding:0px;border-radius: 50%;}
.down-box{width:auto;}
.up-box{width:90%;margin:0 auto;text-align:center;overflow:hidden;clear:both; padding:8px 20px;}
.layui-tab-title li{min-width: 8%}
.width{ clear:both; line-height:30px; width:100%; margin:0px; margin-top:10px; padding:0%;}
.index-faq{ clear:both; margin:auto; line-height:30px; width:90%; padding:3%;}
.index-t{zoom:1; overflow:auto;clear:both; margin:10px auto; padding:5px; width:90%;}
.index-c{zoom:1; overflow:auto;clear:both; margin:10px auto; padding:5px; width:90%;}

.layui-main {
    width: auto;
    margin: 0 10px;}
    .user_login{position:absolute;width:100%;background:#fff; display:none;color:#999;border-radius: 5px;}
}



.viewer-zoom-in::before,.viewer-zoom-out::before,.viewer-one-to-one::before,.viewer-reset::before,.viewer-prev::before,.viewer-play::before,.viewer-next::before,.viewer-rotate-left::before,.viewer-rotate-right::before,.viewer-flip-horizontal::before,.viewer-flip-vertical::before,.viewer-fullscreen::before,.viewer-fullscreen-exit::before,.viewer-close::before{background-image:url('../images/f177c56c68bb44aea5ddd9bc0862d28e.gif');background-repeat:no-repeat;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px;}.viewer-zoom-in::before{background-position:0 0;content:'Zoom In';}.viewer-zoom-out::before{background-position:-20px 0;content:'Zoom Out';}.viewer-one-to-one::before{background-position:-40px 0;content:'One to One';}.viewer-reset::before{background-position:-60px 0;content:'Reset';}.viewer-prev::before{background-position:-80px 0;content:'Previous';}.viewer-play::before{background-position:-100px 0;content:'Play';}.viewer-next::before{background-position:-120px 0;content:'Next';}.viewer-rotate-left::before{background-position:-140px 0;content:'Rotate Left';}.viewer-rotate-right::before{background-position:-160px 0;content:'Rotate Right';}.viewer-flip-horizontal::before{background-position:-180px 0;content:'Flip Horizontal';}.viewer-flip-vertical::before{background-position:-200px 0;content:'Flip Vertical';}.viewer-fullscreen::before{background-position:-220px 0;content:'Enter Full Screen';}.viewer-fullscreen-exit::before{background-position:-240px 0;content:'Exit Full Screen';}.viewer-close::before{background-position:-260px 0;content:'Close';}.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;-webkit-touch-callout:none;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.viewer-container::-moz-selection,.viewer-container *::-moz-selection{background-color:transparent;}.viewer-container::selection,.viewer-container *::selection{background-color:transparent;}.viewer-container img{display:block;height:auto;max-height:none !important;max-width:none !important;min-height:0 !important;min-width:0 !important;width:100%;}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;}.viewer-canvas > img{height:auto;margin:15px auto;max-width:90% !important;width:auto;}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center;}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden;}.viewer-list{-webkit-box-sizing:content-box;box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0;}.viewer-list > li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;-webkit-transition:opacity .15s;transition:opacity .15s;width:30px;}.viewer-list > li:hover{opacity:.75;}.viewer-list > li + li{margin-left:1px;}.viewer-list > .viewer-loading{position:relative;}.viewer-list > .viewer-loading::after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px;}.viewer-list > .viewer-active,.viewer-list > .viewer-active:hover{opacity:1;}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;left:0;position:absolute;right:0;top:0;}.viewer-player > img{left:0;position:absolute;top:0;}.viewer-toolbar ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:30px 0;}.viewer-toolbar li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;-webkit-transition:background-color .15s;transition:background-color .15s;width:24px;}.viewer-toolbar li:hover{background-color:rgba(0,0,0,.8);}.viewer-toolbar li::before{margin:2px;}.viewer-toolbar li + li{margin-left:5px;}.viewer-toolbar .viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px;}.viewer-toolbar .viewer-small::before{margin:-1px;}.viewer-toolbar .viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px;}.viewer-toolbar .viewer-large::before{margin:5px;}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px;}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1;margin:0 5% 5px;max-width:90%;opacity:.8;overflow:hidden;text-overflow:ellipsis;-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap;}.viewer-title:hover{opacity:1;}.viewer-button{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;-webkit-transition:background-color .15s;transition:background-color .15s;width:80px;}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8);}.viewer-button::before{bottom:15px;left:15px;position:absolute;}.viewer-fixed{position:fixed;}.viewer-open{overflow:hidden;}.viewer-show{display:block;}.viewer-hide{display:none;}.viewer-backdrop{background-color:rgba(0,0,0,.5);}.viewer-invisible{visibility:hidden;}.viewer-move{cursor:move;cursor:-webkit-grab;cursor:grab;}.viewer-fade{opacity:0;}.viewer-in{opacity:1;}.viewer-transition{-webkit-transition:all .3s;transition:all .3s;}@-webkit-keyframes viewer-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes viewer-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.viewer-loading::after{-webkit-animation:viewer-spinner 1s linear infinite;animation:viewer-spinner 1s linear infinite;border:4px solid rgba(255,255,255,.1);border-left-color:rgba(255,255,255,.5);border-radius:50%;content:'';display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1;}@media (max-width:767px){.viewer-hide-xs-down{display:none;}}@media (max-width:991px){.viewer-hide-sm-down{display:none;}}@media (max-width:1199px){.viewer-hide-md-down{display:none;}}