.wl{background-color:rgb(0,0,0);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:#fff;margin:auto;margin-top:1px;padding:3px;display:block;width:100%;max-width:1000px;max-height:500px;border:4px solid #8b93ab;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:2px 2px 4px #000;-moz-box-shadow:2px 2px 4px #000;box-shadow:2px 2px 4px #000;}
.wli{margin:auto;display:block;width:100%;max-width:950px;max-height:480px;}

#bx_load{min-height:480px;}
.hd_pn{margin:auto;width:100%;max-width:850px;padding:0px;margin-top:40px;}
.cls{background:#ccc; cursor:pointer; width:30px;height:30px;transition:0.7s;transition:0.3s; float:right; text-align:center; color:#000;
font-family:fn3;}
.cls:hover{background:#f78f28; color:#fff;}
.prw{ margin:0 auto;width:100%;}
 ul.gl_box{list-style:none;padding:0px;margin:0px;}
.prw ul{overflow:hidden;}
.prw li{overflow:hidden;float:left;width:30%;margin:1.30%; border:3px solid#ececf2;}
.prw li:hover{ border:3px solid#b3e6f7;}

@media only screen and (max-width:1150px){ .wl-bx{width:97%;}
.prw li{float:left;width:46.50%;margin:1.30%;}}

@media only screen and (max-width:800px){ 
.prw li{float:left;width:95%;margin:1.50%;}}

.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)}}