.zoom-box{
    position: relative;
    z-index:100;
}
.zoom-box img{
    vertical-align: bottom;
}
.zoom-box .zoom-selector{
    position: absolute;
    background-image: url("images/selector.png");
    background-repeat: repeat;
    display: none;
    cursor: crosshair;
}
.zoom-box .viewer-box{
    position: absolute;
    display: none;
    overflow: hidden;
}
.zoom-box .viewer-box>img{
    position: absolute;
    left: 0;
    top: 0;
}


#viewerBox {
    position: absolute;
    background-color:white;
    border: 1px solid #dcdcdc;
    overflow: hidden;
    box-sizing:border-box;
    width:100%;
    left:0px;
    top:0px;
    display:none;
    height: 500px;
    z-index:100;
}
    #viewerBox > img {
        position: absolute;
        left: 0;
        top: 0;
    }