#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.8);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}#zoom .content{z-index:99991;position:absolute;top:45%;left:46%;width:200px;height:200px;background:#fff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0,0,0,.3);border-radius:4px}#zoom .content.loading{background-image:url(/template/asd/images/loading.gif)}#zoom img{display:block;max-width:none;background: #ffffff;;box-shadow:0 1px 3px rgba(0,0,0,.25);border-radius:4px}#zoom .close{z-index:99993;position:absolute;top:22%;right:30%;width:49px;height:49px;cursor:pointer;background:transparent url(../images/close.png) no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 4px}#zoom .previous,#zoom .next{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}#zoom .previous{left:20%;background:url(/template/asd/images/arrows.png) no-repeat 0 0;border-radius:0 4px 4px 0}#zoom .next{right:20%;background:url(/template/asd/images/arrows.png) no-repeat 100% 0;border-radius:4px 0 0 4px}
@media (max-width:1600px) {
    #zoom .close {right: 28%;}
}
@media (max-width:1440px) {
    #zoom .close {right: 26%;}
}
@media (max-width:1366px) {
    #zoom .close {right: 25%;}
}
@media (max-width:1300px) {
    #zoom .close {right: 23%;}
}
@media (max-width:1220px) {
    #zoom .close {right: 20%;}
    #zoom .next {right: 15%;}
    #zoom .previous {left: 15%;}
}
@media (max-width:1090px) {
    #zoom .close {right: 17%;}
}
@media (max-width:1024px) {
    #zoom .close {right: 15%;}
    #zoom .next {right: 10%;}
    #zoom .previous {left: 10%;}
}
@media (max-width:960px) {
    #zoom .close {right: 12%;}
}
@media (max-width:900px) {
    #zoom .close {right: 7%;}
    #zoom .next {right: 20px;}
    #zoom .previous {left: 20px;}
}
@media (max-width:768px) {
    #zoom .close {right:6%;top: 24%;}
    #zoom .content {left: 44%;}
}
@media (max-width:568px) {
    #zoom img {padding: 10px;width: 300px;}
    #zoom .close {right:1%;top: 30%;}
    #zoom .content {left: 47%;top: 49%;}
    #zoom .next {right: -6px;}
    #zoom .previous {left:  -6px;}
}
@media (max-width:375px) {
    #zoom .close {top: 27%;}
}
@media (max-width:322px) {
    #zoom .close {top: 26%;}
    #zoom img {width: 250px;}
}<!--0.0001518726348877-->