#zoom{
    z-index:9999999999;
    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: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(../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,.25)
}
#zoom .close{
    z-index:99993;
    position:absolute;
    top:0;
    right:0;
    width:49px;
    height:49px;
    cursor:pointer;
    background:transparent url(../img/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(../img/arrows.png) no-repeat 0 0
}
#zoom .next{
    right:0;
    background:url(../img/arrows.png) no-repeat 100% 0
}
#zoom .close:hover{
    background-color:#da4f49
}
#zoom .previous:hover,#zoom .next:hover{
    background-color:#08c
}