.zoom {
    height:520px; 
}

.zoom-main {
    height: 400px;
    text-align: center !important;
}

.zoom-thumb-hide .zoom-main {height:100%;}

.zoom-main span {
    background-repeat:none;
    overflow: hidden;
    cursor: zoom-in;
    border: 3px solid #1E1E1E;
    display:inline-block;
    height:100%;
}

@media screen and (max-width: 1045px) {
    .zoom-main span {
        float: left;
    }

    .zoom-thumb a{
        float: left !important;
        position: relative;
        z-index: 1 !important;
    }
}

.zoom-right .zoom-main span {left:0;}
.zoom-main img {
    width: 100%;
    height:100%;
    display:block; 
    background:#fff;
    transition: opacity .5s;
}
.zoom-main img:hover {opacity: 0;}

.zoom-right .zoom-main{height:100%;float:left;padding-right:5px;}

.zoom-thumb {
    height:20%;
    width: 100%;
    text-align:center;
    padding:5px; 
}

.zoom-right .zoom-thumb {display:inline;}

.zoom .zoom-thumb a {
    margin:0 5px 5px 0;
    padding:5px;
    border:solid thin #ccc;
    height:100%;
    display:inline-block;
    cursor: pointer;
}
.zoom-right .zoom-thumb a {float:left;height:20%;display:inline-block;}
.zoom .zoom-thumb a img {height:100%;}
.zoom-left .zoom-main, .zoom-left .zoom-thumb a{float:right;width:auto;}