/*tem88-pro*/
.tem88-pro .interval{padding:0 7px;}
.tem88-pro .col-xs-6{padding:0 8px;}
.tem88-pro .col-lg-2:nth-of-type(6n+1),
.tem88-pro .col-lg-3:nth-of-type(4n+1),
.tem88-pro .col-lg-4:nth-of-type(3n+1),
.tem88-pro .col-lg-6:nth-of-type(2n+1){clear:both;}
.tem88-pro .product-li{margin:8px 0;}
.tem88-pro .product-li .images{position:relative;}
.tem88-pro .product-li .images::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:all 0.3s ease 0s;z-index:1;}
.tem88-pro .product-li:hover .images::after{opacity:.8;}
.tem88-pro .product-li .portfolio-icon{position:absolute;width:100%;height:46px;top:50%;margin-top:-10px;left:0;transition:all 0.3s ease 0s;z-index:2;text-align:center;opacity:0;}
.tem88-pro .product-li:hover .portfolio-icon{opacity:1;margin-top:-23px;}
.tem88-pro .product-li .portfolio-icon a{width:46px;height:46px;line-height:46px;margin:0 6px;border-radius:50%;background:#fff;color:#232323;display:inline-block;font-size:22px;text-align:center;transition:all 0.2s ease 0s;border:2px solid #fff;}
.tem88-pro .product-li .portfolio-icon a:hover{background:none;transform:scale(1.1);color:#fff;}
.tem88-pro .product-li img{width:100%;}
.tem88-pro .product-li .text{width:100%;display:block;background:#fff;padding:35px 10px;color:#232323;text-align:center;}
.tem88-pro .product-li .text .title{font-size:13px;margin-bottom:5px;font-weight:600;min-height: 40px;}
.tem88-pro .product-li .text .description{font-size:12px;line-height:14px;opacity:.5;min-height: 14px;}
.tem88-pro .pro-show{width:100%;height:100%;background:rgba(0,0,0,.5);transition:all .5s;visibility:hidden;opacity:0;display:block;}
.tem88-pro .pro-show.active{visibility:visible;opacity:1;}
.tem88-pro .pro-show span.icon-clear{width:40px;height:40px;line-height:40px;font-size:40px;cursor:pointer;position:absolute;top:20px;right:20px;text-align:center;opacity:.5;z-index:5;}
.tem88-pro .pro-show .swiper-container{width:100%;height:100%;background:rgba(0,0,0,.9);padding:40px 0;}
.tem88-pro .pro-show .swiper-container img{max-width:100%;height:100%;margin:0 auto;display:block;width:auto;}
.tem88-pro .pro-show .swiper-button-prev, .tem88-pro .pro-show .swiper-container-rtl .swiper-button-next{background-image:url(/templates/public4/assets/images/zuojiantou.png);left:20px;}
.tem88-pro .pro-show .swiper-button-next, .tem88-pro .pro-show .swiper-container-rtl .swiper-button-prev{background-image:url(/templates/public4/assets/images/youjiantou.png);right:20px;}
.tem88-pro .pro-show .swiper-button-next, .tem88-pro .pro-show .swiper-button-prev{width:32px;height:32px;opacity:.7;transition:all .3s;background-size:100% auto;}
.tem88-pro .pro-show .swiper-button-next:hover, .tem88-pro .pro-show .swiper-button-prev:hover{opacity:1;}
.tem88-pro .pro-show .swiper-container-horizontal > .swiper-pagination-bullets,
.tem88-pro .pro-show .swiper-pagination-custom,
.tem88-pro .pro-show .swiper-pagination-fraction{color:#fff;}
.tem88-pro .pro_price{padding-top:15px;}
.tem88-pro .pro_price i{font-style:normal;}
.tem88-pro .pro_price b{font-weight:normal;}
.tem88-pro .pro_price .price_origin{opacity:.5;}
.tem88-pro .swiper-slide{opacity:0!important;display:flex;align-items:center;}
.tem88-pro .swiper-slide.swiper-slide-active{opacity:1!important;}
@media (max-width:768px){
    .tem88-pro .container{padding-left: 2%!important;padding-right: 2%!important}
    .tem88-pro.full-screen-spacing .container{padding-left: 0!important;padding-right: 0!important}
    .tem88-pro .interval{margin:0!important;padding: 0;}
    .tem88-pro .pro-show .swiper-container img{max-width:60%;max-height:100%;height:auto;}
    .tem88-pro .pro-show .swiper-button-next, .tem88-pro .pro-show .swiper-button-prev{width:20px;height:20px;}
    .tem88-pro .pro-show span.icon-clear{font-size:30px;}
    .tem88-pro .pro-show .swiper-container-horizontal > .swiper-pagination-bullets,
    .tem88-pro .pro-show .swiper-pagination-custom,
    .tem88-pro .pro-show .swiper-pagination-fraction{top:auto;bottom:10px;}
    .tem88-pro .product-li .text{padding:10px;}
    .tem88-pro .pro_price{padding-top:0;}
    .tem88-pro .product-li .text .title{margin-bottom:0;}
}
@media (max-width: 767px){
    .tem88-pro .col-xs-6:nth-of-type(n){clear:none;}
    .tem88-pro .col-xs-6:nth-of-type(2n+1){clear:both;}
}
@media (max-width:480px){
    .tem88-pro .pro-show span.icon-clear{top:10px;right:10px;font-size:20px;width:20px;height:20px;line-height:20px;}
    .tem88-pro .pro-show .swiper-button-prev, .tem88-pro .pro-show .swiper-container-rtl .swiper-button-next{left:10px;}
    .tem88-pro .pro-show .swiper-button-next, .tem88-pro .pro-show .swiper-container-rtl .swiper-button-prev{right:10px;}
    .tem88-pro .product-li .portfolio-icon a{height:34px;width:34px;line-height:30px;margin:0 4px;font-size:18px;}
}
@media (max-width:360px){
    .tem88-pro .col-xs-6{width:100%;}
    .tem88-pro .pro-show .swiper-container img{max-width:70%;}
}