#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);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:50%;left:50%;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); }
#zoom .content.loading{background-image:url(../images/loading.svg); background-size:100px 100px;}
#zoom img{display:block;max-width:none;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);border:#FFF solid 10px;}
#zoom .close{z-index:99993;position:absolute;top: 5%;  right: 2%;width:60px;height:60px;cursor:pointer;background:transparent url(../images/close.png) no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 0}
#zoom .previous,#zoom .next{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:60px;height:60px;margin-top:-30px}
#zoom .previous{left:0;background:url(../images/arrows.png) no-repeat 0 0;border-radius:0 4px 4px 0}
#zoom .next{right:0;background:url(../images/arrows.png) no-repeat 100% 0;border-radius:4px 0 0 4px}
#zoom .close:hover{background-color:#df0716;transition: all .3s;}
#zoom .previous:hover,#zoom .next:hover{background-color:#df0716;transition: all .3s;}

@media (max-width:768px) {
	#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.5);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:50%;left:50%;width:100px;height:100px;background:#fff no-repeat 50% 50%;padding:0;margin:-50px 0 0 -50px;box-shadow:none;}

	#zoom .content.loading{background-image:url(../images/loading.svg); background-size:60px 60px;}
	#zoom img{display:block;max-width:none;background:#fff;box-shadow:none;border:none;}

	#zoom .close{z-index:99993;position:absolute;top:80%;right:50%; margin-right:-30px;width:45px;height:45px;cursor:pointer;background:transparent url(../images/close.png) no-repeat 50% 50% center center;opacity:1;filter:alpha(opacity=100);border-radius:0;background-color:#df0716;border-radius:50%; }
#zoom .previous,#zoom .next{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:60px;height:60px;margin-top:-30px}
}