#zoom { z-index: 99990; position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 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: 50%; left: 50%; width: 400px!important; /*height: 400px!important;*/ background: #ffffff no-repeat 50% 50%; padding: 0; margin: -100px 0 0 -100px; box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3); } #zoom .content.loading { background-image: url('../img/loading.gif'); } #zoom .content .overlay { position: absolute; border: 1px solid rgba(255, 255, 255, .08); top: -1px; left: -1px; width: 100%; height: 100%; -webkit-user-select: none; } #zoom img { display: block; max-width: none; background: #ececec; box-shadow: 0 1px 3px rgba(0,0,0,0.25); } #zoom .close { z-index: 99993; position: absolute; top: 0; right: 0; width: 49px; height: 49px; cursor: pointer; background: transparent url('../images/close.png') no-repeat 50% 50%; opacity: 1; filter: alpha(opacity=100); } #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: 0; background: url('../images/arrows.png') no-repeat 0 0; } #zoom .next { right: 0; background: url('../images/arrows.png') no-repeat 100% 0; } #zoom .close:hover { background-color: #f1ce99; opacity:1; } #zoom .previous:hover, #zoom .next:hover { background-color: #f1ce99; opacity:1; }