#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('loading.gif'); }
#zoom .title { position: absolute; top: 50%; text-align: center; width: 100%; z-index: 99999; line-height: 32px;color:#fff;font-size:1.8em; }
#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('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: 0; background: url('arrows.png') no-repeat 0 0; border-radius: 0 4px 4px 0; }
#zoom .next { right: 0; background: url('arrows.png') no-repeat 100% 0; border-radius: 4px 0 0 4px; }
#zoom .close:hover { background-color: #da4f49; }
#zoom .previous:hover,
#zoom .next:hover { background-color: #0088cc; }