.drp{position:absolute;z-index:50;width:125px;right:0px;top:-37px;}
.drp-t{position:relative;border:1px solid#a4d5ee;background:#fff;padding:3px;padding-left:5px;color:#1160ae;cursor:pointer;border-radius:3px;}
.drp-t:before{position:absolute;right:0px;top:0px;content:'';background:#fe7510;width:30px;height:100%;-webkit-transition:.4s .3s;-moz-transition:.4s.3s;transition:.4s.3s;}
.drp-t:after{position:absolute;top:12px;right:10px;margin:auto;content:'';width:0px;height:0px;border-top:6px solid#fff;border-right:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid transparent;}
.drp-ls{background:#e6f5f9;display:none;padding:5px;cursor:pointer;border-bottom:1px solid#ccd8e1;border-left:1px solid#ccd8e1;border-right:1px solid#ccd8e1;box-shadow:1px 1px 1px#d1d1d1;font:12px fn4;}
.drp-ls:hover{background:#fcedbe;}
.drp-ls:nth-child(odd){background:#f8f8f8;}
.drp-ls:nth-child(odd):hover{background:#fcedbe;}
.bxd{position:relative;width:100%;}
.bxf{width:100%;}
ul.opn li{overflow:hidden;background:#dbecf2;width:20%;float:left;margin:2% 0% 2% 4%;-webkit-transition:0.5s;transition:0.5s;border-bottom:1px solid#6acaee;position:relative;text-align:center;font:12px fn4;cursor:pointer;}
ul.opn li img{width:100%;max-width:1000px;height:270px;-webkit-transition:all.2s ease-in-out;-webkit-transition:all.5s ease-in-out;-webkit-transition:all.2s ease-in-out;-webkit-transition:all.5s ease-in-out;cursor:pointer;border-radius:6px;}
ul.opn li .jd{background:#dbecf2;width:100%;max-width:550px;min-height:40px;top:0px;z-index:10;position:relative;padding:2%;}
ul.opn li:hover{border-bottom:1px solid#fe9c0a;box-shadow:2px 3px 4px #b0bdc6;}
ul.opn > li:hover img{opacity:0.8;-webkit-transform:scale(1.20);}

.tb td {overflow:hidden;background:#dbecf2;width:230px;margin:1% 0% 2% 4.30%;-webkit-transition:0.5s;transition:0.5s;border-bottom:2px solid#b1d6dc;position:relative;text-align:center;font-size:12px;cursor:pointer;}
.tb img{width:100%;max-width:1000px;-webkit-transition:all.2s ease-in-out;-webkit-transition:all.5s ease-in-out;}
.wl{background-color:rgba(0,0,0,0.8);display:none;position:fixed;z-index:200;left:0px;top:0px;width:100%;height:100%;}
.wl-bx{background:rgba(255,255,255,0.70);margin:auto;margin-top:0px;padding:3px;display:block;width:100%;max-width:700px;max-height:500px;border:4px solid #8b93ab;border-radius:4px;box-shadow:2px 2px 4px #000;}
.wli{margin:auto;display:block;width:100%;max-width:750px;max-height:530px;}
#bx_load{min-height:330px;}
.hd_pn{margin:auto;width:100%;max-width:700px;padding:0px;margin-top:80px;}
.cls{background:url(../../../img/ic/x.png) no-repeat 99% 100%;width:100%;max-width:680px;height:30px;transition:0.7s;transition:0.3s;position:absolute;}
.cls:hover{background:url(../../../img/ic/x1.png) no-repeat 99% 100%;cursor:pointer;}
.ikr{float:left;width:36%;}
.ikr img{width:95%;max-width:1000px;max-height:370px;margin:10px;}
.ikn{float:right;width:63%;}
.f_ln{background:#dbecf2;width:100%;height:370px;max-width:1000px;padding-left:10px 0;overflow:auto;border:1px solid#f0f0f0;}
@media only screen and (max-width:1150px){
	ul.opn li{width:43%;margin:2% 0% 2% 4%;font-size:12px;height:220px;}
	ul.opn li img{height:180px;}
	.ikr,.ikn{width:100%;float:left;}
	.wl-bx{width:97%;max-height:600px;}
	.cls{width:93%;max-width:700px;}
	.hd_pn{margin-top:10px;}
	.f_ln{height:400px;}
}
.wli,.hd_pn,#cpt,.im{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;}
@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}
@keyframes zoom{from{transform: scale(0.1)}to{transform: scale(1)}}