#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: 200px; height: 200px; background: #ffffff no-repeat 50% 50%; padding: 0; margin: -100px 0 0 -100px; box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3); border-radius: 4px; } #zoom .content.loading { background-image: url(images/loading1.gif); } #zoom img { display: block; max-width: none; background: #ececec; box-shadow: 0 1px 3px rgba(0,0,0,0.25); border-radius: 4px; } #zoom .close { z-index: 99993; position: absolute; top: 0; right: 0; width: 49px; height: 49px; cursor: pointer; background: transparent url(files/images/close11.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: 0; background: url(images/arrows1.png) no-repeat 0 0; border-radius: 0 4px 4px 0; } #zoom .next { right: 0; background: url(images/arrows1.png) no-repeat 100% 0; border-radius: 4px 0 0 4px; } #zoom .close:hover { background-color: #ef1f1f; } #zoom .previous:hover, #zoom .next:hover { background-color: #ef1f1f; }