#fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;}
#fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url('../img/fancybox.png');}
#fancybox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1100;display:none;}
#fancybox-tmp{padding:0;margin:0;border:0;overflow:auto;display:none;}
#fancybox-wrap{position:absolute;top:0;left:0;padding:20px;z-index:1101;outline:none;display:none;}
#fancybox-outer{position:relative;width:100%;height:100%;background:#fff;}
#fancybox-content{width:0;height:0;padding:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0 solid #fff;}
#fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;}
#fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url('../img/fancybox.png') -40px 0;cursor:pointer;z-index:1103;display:none;}
#fancybox-error{color:#444;font:normal 12px/20px Arial;padding:14px;margin:0;}
#fancybox-../img{width:100%;height:100%;padding:0;margin:0;border:none;outline:none;line-height:0;vertical-align:top;}
#fancybox-frame{width:100%;height:100%;border:none;display:block;}#fancybox-left,
#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url('../img/blank.gif');z-index:1102;display:none;}
#fancybox-left{left:0;}
#fancybox-right{right:0;}
#fancybox-left-ico,
#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;}
#fancybox-left-ico{background-image:url('../img/fancybox.png');background-position:-40px -30px;}
#fancybox-right-ico{background-image:url('../img/fancybox.png');background-position:-40px -60px;}
#fancybox-left:hover,
#fancybox-right:hover{visibility:visible;}
#fancybox-left:hover span{left:20px;}
#fancybox-right:hover span{left:auto;right:20px;}

.img img{width:431px}
.it img {width:70px; float:left;border: 1px solid #fff;}
.it img:hover {border: 1px solid #000; cursor:pointer}
#fancybox-content img{
    width: 100%;
}
.img img{width:25vw}
.it img {width:90px; height: 95px; float:left;border: 1px solid #D6D6D6; margin-right: 6px; margin-top: 20px; object-fit: cover;}
.it img:hover {border: 1px solid #000; cursor:pointer}

@media only screen and (min-width : 320px) and (max-width : 479px) {
.img img{width:90vw;  }
.it img {width:25vw; height: 100px; float:left;border: 1px solid #D6D6D6; margin-right: 6px; margin-top: 20px; margin-left: 2vw;}
#fancybox-wrap{position:absolute;top: 2000px;;left:0;padding:20px;z-index:1101;outline:none;display:none;}
/* #fancybox-bg{display: flex;align-items: center; justify-content: center;} */

}
@media (min-width: 430px) and (max-width: 1199.98px) {
    .img img{width:600px;  }
    .it img {width:120px; height: 100px; float:left;border: 1px solid #D6D6D6; margin-right: 6px; margin-top: 20px; margin-left: 2vw;}
    #fancybox-img{width: 100vw; padding: 20px;}

}