.related-products-wrap {position: relative;}
.related-products-wrap .related-products-swiper {overflow: hidden;}
.related-products-wrap .item .img{position: relative;}
.related-products-wrap .item .img img {width: 100%;}
.related-products-wrap .item .img .hover-box {width: 90%;height: 90%;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: rgba(192,14,34,.8);position: absolute;opacity: 0;}
.related-products-wrap .item .img .hover-box span {display: inline-block;
    font-size: 26px;
    color: #d21a26;
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    line-height: 1;}
.related-products-wrap .item .img::after {content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0),rgba(0,0,0,0), rgba(0,0,0,0));}

.related-products-wrap .item .text {
    padding: 15px 30px 20px 20px;
    background-color: #fff;
    position: relative;
    text-align: left;
}
.related-products-wrap .item .text img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.related-products-wrap .item .img:hover .hover-box {opacity: 1;transition: all 0.6s;}
.related-products-wrap .change-pre-next-wrap span {display: inline-block;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 50%;border: 2px solid #999;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.related-products-wrap .change-pre-next-wrap span i {font-size: 30px;color:#999;}
.related-products-wrap .change-pre-next-wrap span.prev {left: -70px}
.related-products-wrap .change-pre-next-wrap span.next {right: -70px;}
.related-products-wrap .change-pre-next-wrap span:hover {background-color: #d21a26;border-color: #d21a26;transition: all 0.6s;}
.related-products-wrap .change-pre-next-wrap span:hover i {color:#fff;}


@media (max-width:786px) {
    .related-products-wrap .change-pre-next-wrap {display: none;}
}