/*-- tem22-pro --*/
.tem22-pro .tem22-pro_gds{margin:0 5px;}
.tem22-pro_gds .col-md-4{padding-left:0;padding-right:0;}
.tem22-pro_gds .col-md-4 .tem22-pro-item{margin:10px;}
.tem22-pro-item{text-align:center;position:relative;padding-top:68%;}
.tem22-pro-hover,
.tem22-pro-hover .tem22-pro-mask,
.tem22-pro-item .images{width:100%;height:100%;position:absolute;top:0;left:0;}
.tem22-pro-info{width:100%;color:#fff;padding:0 15px;position:absolute;bottom:10px;left:0;text-align:left;z-index:1;}   
.tem22-pro-info h3,
.tem22-pro-info .h3{margin:5px 0;font-size:16px;font-weight:normal;height:22px;line-height:22px !important;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;} 
.tem22-pro-item .tem22-pro-info .pro-text{font-size:14px;overflow:hidden;max-height:20px;line-height:20px !important;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;}        
.tem22-pro-item .tem22-pro-hover{width:100%;height:100%;border-color:#fff;opacity:0;background:rgba(000,000,000,0.5);z-index:1;transform:scale(1);-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;transition:all 500ms ease-out;}
.tem22-pro-item:hover .tem22-pro-hover{opacity:1;transform:scale(1.08);}
.tem22-pro-item .tem22-pro-hover .btn{margin-top:28%;border-radius:20px;height:34px;color:#fff;border-width:1px;border-style:solid;border-color:inherit;text-decoration:none;text-align:center;z-index:2;} 
.tem22-pro-item .images img{width:100%;height:100%;display:block;transform:scale(1);-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;transition:all 500ms ease-out;}
.tem22-pro-item:hover .images img{transform:scale(1.08);}
.tem22-pro .pro_price{height:25px;color:#666;padding:3px 0px;background:none;text-transform:uppercase;font-family:arial;}
.tem22-pro .mod_price i{margin-right:3px;font-family:arial;font-weight:300;font-style:normal;font-size:12px;}
.tem22-pro .price_new{font-size:18px;font-weight:700;margin-right:8px;}
.tem22-pro .price_origin{color:#fff;font-size:12px;}
.tem22-pro .price_origin del{font-weight:300;}
@media (max-width:1024px){
    .tem22-pro-item{overflow:hidden;margin-bottom:15px;}
    .tem22-pro-item .tem22-pro-hover{opacity:1;transform:scale(1.08);-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;transition:all 500ms ease-out;}
    .tem22-pro-item .images img{transform:scale(1.08);-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;transition:all 500ms ease-out;}
}
@media (max-width:768px){
    .tem22-pro .container{padding-left: 3%!important;padding-right: 3%!important}
    .tem22-pro.full-screen-spacing .container{padding-left: 0!important;padding-right: 0!important}
    .tem22-pro_gds .row{margin-right:-15px;margin-left:-15px;}
    .tem22-pro_gds .col-md-4 .tem22-pro-item{margin:5px 0;}
    .tem22-pro .tem22-pro_gds{margin:0;}
}
@media (max-width:480px){
    .tem22-pro_gds .col-xs-6{width:100%;}
}
