.product__preview {
    -ms-flex: none;
    flex: none;
    max-width: 500px;
    width: 100%;
    position: relative;
    z-index: 1;
    /* margin-bottom: 28px; */
}


.product__larges {
    overflow: hidden;
    height: 480px;
    background: #c4c4c4;
    /* margin-bottom: 14px; */
    position: relative
}


.product__large {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition)
}


.product__large_active {
    position: relative;
    opacity: 1;
    visibility: visible
}

.product__large-image {
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease
}

.product__thumbs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 5.5px;
    margin-left: 5.5px
}


.product__thumbs-item {
    width: 20%;
    padding: 21px 8px 21px 5px
}


.product__thumb {
    overflow: hidden;
    height: 70px;
    background: #c4c4c4;
    border-radius: 10px;
    position: relative;
    cursor: pointer
}



.product__thumb:before {
    opacity: 0;
    visibility: hidden;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    border: 3px solid #00afff;
    transition: all var(--transition)
}

.product__thumb:hover:before {
    opacity: .4;
    visibility: visible
}

.product__thumb_active:before {
    opacity: 1 !important;
    visibility: visible
}

.product__large-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}