.slick-slider .slick-prev {
    left: 0;
}
.slick-slider .slick-next {
    right: 0;
}

#detail .product-images {
    width: 100%;
    margin: 0 auto;
}
#detail .product-images figure, #detail .product-images a{
    display: block;
    outline: none;
    border: none;
    width: 100%;

}
#detail ul.thumb-nav.slick-initialized.slick-slider li.slick-slide img{
    object-fit: cover;
    max-width: 100%;
    max-height: 90px;
    height: auto;
    width: auto;

}
#detail .product-images .main-img-slider figure {
    margin: 0 auto;
    padding: 0 2em;
}
#detail .product-images .main-img-slider figure a {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
#detail .product-images .main-img-slider figure a img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
#detail .product-images .thumb-nav {
    margin: 0;
}
#detail .product-images .thumb-nav.slick-slider .slick-prev, #detail .product-images .thumb-nav.slick-slider .slick-next {
    font-size: 1.2em;
    height: 20px;
    width: 26px;
    margin-top: -10px;
}
#detail .product-images .thumb-nav.slick-slider .slick-prev {
    margin-left: -30px;
}
#detail .product-images .thumb-nav.slick-slider .slick-next {
    margin-right: -30px;
}
#detail .product-images .thumb-nav li {
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

#detail .product-images .thumb-nav li img {
    display: block;
    width: 100%;
    margin: 0 auto;
    border: 2px solid transparent;

    border-radius: 10px;
}

#detail .product-images .thumb-nav li:hover, #detail .product-images .thumb-nav li:focus {
    border-color: #999;
}
#detail .product-images .thumb-nav li.slick-current img {
    border-color: #3CCEAA;
    border-radius: 10px;
    padding: 2px;
}
.slick-list{
    border-radius: 10px;
}
.main-img-slider.slick-initialized.slick-slider{
    padding-bottom: 10px;
}
.main-img-slider.slick-initialized.slick-slider .slick-list.draggable{
    max-height: 460px;
}
@media only screen and (max-width: 600px) {
    #detail .product-images .thumb-nav {
        padding:5px 5px;
    }
    #detail .slick-list.draggable{
        height: 240px;
    }
    #detail .thumb-nav.slick-initialized.slick-slider .slick-list.draggable{
        height: 60px;
    }
    #detail ul.thumb-nav.slick-initialized.slick-slider li.slick-slide img{
        height: 40px !important;
    }
}
#detail{
    border-radius: 10px;
}
.br-10{
    border-radius: 10px;
}
@media only screen and (min-width: 768px) {
    .slick-list.draggable .slick-track img{
        height: 530px;
    }
}