﻿/*Khối chứa toàn bộ phần ảnh chính và các ảnh nhỏ*/ 
.imageZoomWrapper{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%}
.imageZoomWrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/*Khối chứa phần kết quả zoom ảnh*/
 #zome3-container{position:absolute;z-index:1;top:0;left:103%}


 /*Khối chứa ảnh chính, xử lý tương tự phần khungAnhCrop0*/
 .zoomWrapper{position:relative;border:solid 1px #dfdfdf;margin-bottom:10px}
 .zoomWrapper:before{content:"";display:block;padding-bottom:66.72%}
 .zoomWrapper>div{top:0;left:0}
 
 /*Ảnh chính*/
 .mainImage{width:auto !important;height:auto !important;max-width:100%;max-height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}


 /*Khối chứa các ảnh nhỏ khác*/
 .galleryImages{}
 
 /*Khối bao ảnh nhỏ và khối bao ảnh nhỏ đang được click và zoom*/
.slick-slide{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:solid 2px #dfdfdf;box-sizing:border-box;margin:0 10px;}
.slick-slide:focus{outline:0 !important}
.slick-slide img{width:100%;height:90px}

.slick-current{border:solid 2px red}


/*Nút next, prev của các ảnh nhỏ*/
.slick-prev,
.slick-next{-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);border:none;color:transparent;cursor:pointer;display:block;font-size:0;height:32px;left:0;line-height:0;outline:none;padding:0;position:absolute;top:50%;-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);width:32px;z-index:1;border:solid 1px #dfdfdf;background:#fff;border-radius:50%}
.slick-next{left:auto;right:0}
.slick-next:before,
.slick-prev:before{display:inline-block;content:"→";width:100%;height:100%;text-align:center;line-height:28px;font-size:22px;color:red}
.slick-prev:before{content:"←"}


/*Test responsive*/
@media(max-width:991px){
    .imageZoomWrapper{width:90%;margin:auto}
}