#zoom {

    z-index: 99990;

    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(../images/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(../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: #da4f49

}



#zoom .previous:hover,

#zoom .next:hover {

    background-color: #08c

}