/*****effect-grid31*****/
.mainlist .effect-grid31 figure{margin:0 -5px 15px;font-size:0;}
.mainlist .effect-grid31 figure .effect31{width:100%;overflow:hidden;position:relative;padding-top:100%;height:auto;}
.mainlist .effect-grid31 figure .effect31 img{width:100%;position:absolute;left:0;top:0;height:100%;}
.mainlist .effect-grid31 figure .effect31 .discountTag{position: absolute; left:0; top:0; color: #fff; padding: 0 3px;font-size:14px;display: inline-block;}
.mainlist .effect-grid31 figure figcaption{border-bottom:1px solid rgba(0,0,0,0.05);padding:10px;display:inline-block;width:100%;-moz-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;transition:all 0.3s ease-in 0s;}
.mainlist .effect-grid31 figure .text{max-width:70%;float:left;display:inline-block;overflow:hidden;transition:all 0.35s ease-out 0s;}
.mainlist .effect-grid31 figure a:hover .text{transform:translateX(20px);}
.mainlist .effect-grid31 figure .title{font-size:16px;color:#666;line-height:30px !important;height:30px;overflow:hidden;margin:0;} 
.mainlist .effect-grid31 figure .description{font-size:12px;color:#999;line-height:20px !important;height:20px;overflow:hidden;}
.mainlist .effect-grid31 figure a:hover .title,
.mainlist .effect-grid31 figure a:hover .description{color:#fff;}
.mainlist .effect-grid31 figure .icon{color:#bbb;display:inline-block;float:right;width:40px;height:40px;border:1px solid transparent;text-align:center;line-height:40px;font-size:20px;margin-top:6px;}
.mainlist .effect-grid31 figure a:hover .icon{color:#fff;display:inline-block;float:right;width:40px;height:40px;border:1px solid #fff;}
.mainlist .effect-grid31 figure .pro_price{height:23px;color:#666;padding:3px 0px;background:none;text-transform:uppercase;font-family:arial;margin-bottom:5px;}
.mainlist .effect-grid31 figure .mod_price i{margin-right:3px;font-family:arial;font-weight:300;font-style:normal;font-size:12px;}
.mainlist .effect-grid31 figure .price_new{font-size:18px;font-weight:700;margin-right:8px;}
.mainlist .effect-grid31 figure .price_origin{color:#999;font-size:12px;}
.mainlist .effect-grid31 figure .price_origin del{font-weight:300;}
.mainlist .effect-grid31 figure a:hover .price_new,
.mainlist .effect-grid31 figure a:hover .price_origin{color:#fff;}
.mainlist .effect-grid31 .bg-color-hover:hover [prolist="inquire"]{color:var(--main-color) !important;background-color:#fff !important;}
@media (max-width:980px){
    .mainlist .effect-grid31 figure .text{width:78%;}
    .mainlist .effect-grid31 figure a:hover .text{transform:none;}
}
@media (max-width:480px){
    .mainlist .effect-grid31 .col-xs-6{width:100%;}
}

/* No Data */
.mainlist .effect-grid31 .noData{padding:10% 0;font-size:18px;border:1px dashed #ccc;color:#888;}