/*================product front==============*/

.slide_pro li .body_product_list{
    width:100%;
    height:100%;    
    float:left;
    
}
.body_product_list{
    float:left;
    width:30%;
    margin-right:5%;
    margin-bottom:25px;
    border-bottom: 1px solid #eee;
    padding-bottom:10px;
}
.last{
    float:left !important;
    border-right:0px dotted #606060;
}
.blog_top{
    border:1px solid #e4e4e4;
    border-radius:5px;
    height:250px;
    overflow: hidden;
    
}
.body_product_list .title_product{
    height:40px;
    line-height:40px;
    text-align:center;  
    background:#e5e5e5;
    margin-top:10px;
    
}
.body_product_list .title_product a{
    font-size:16px;
    color:#2f2f8f;
}
.body_product_list .title_product a:hover, .body_product_list .title_product a:focus{
    text-decoration:none;
    color:red;
}
.image-pro{
    width:100%;
    height:200px;
    overflow:hidden;
}
.body_product_list .responsive-img{
    width:100%;
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.description_pro{
    font-size:12px;
    text-align: justify;
    word-wrap: break-word;
    margin:15px 0px 10px 0px;
    height:50px;
    overflow:hidden;
}
.bottom_blog{
    float:left;
    width:100%;
    height:30px;
    -webkit-transition: border-color linear .20s, -webkit-box-shadow linear .20s;
    -o-transition: border-color linear .20s, box-shadow linear .20s;
    transition: border-color linear .20s, box-shadow linear .20s;
    text-align:center;
}
.bottom_blog a{
    display:inline-block;
    padding: 0px 10px;
    height:30px;
    line-height:30px;
    background:#dcdcdc;
    font-size:12px;
    color: #000;
    -webkit-transition: border-color linear .20s, -webkit-box-shadow linear .20s;
    -o-transition: border-color linear .20s, box-shadow linear .20s;
    transition: border-color linear .20s, box-shadow linear .20s;
}
.bottom_blog a i{
    padding-right:3px;
}
.add-cart{
    border-left: 1px solid #ffffff;
}
.add-cart i{font-size:14px;}
.bottom_blog:hover a{
   background:#1a7901 !important;  
   color:#fff !important;
}
.bottom_blog a:hover{
    text-decoration:none;
    color:#fff !important;
    background:#d50000 !important;
}
.body_product_list:hover .bottom_blog a{
    background:#1a7901;  
    color:#fff; 
    
}
.body_product_list:hover .title_product{
    background:#acacd2;
}
.body_product_list:hover .responsive-img{
    width:110%;
    height:auto;
    margin:-5px 0px 0px -5px;
}
.add-cart:hover, .add-cart:focus{
    text-decoration:none;
}
@media only screen and (max-width: 736px) {
    .body_product_list{
        width:45%;
    }
    .body_product_list .responsive-img{
        max-width:100%;
        overflow: visible;
        border-radius:0px 0px 5px 5px;
    }
    .image-pro{
        overflow: visible;
        height:auto;   
    }
    .blog_top{
        height:auto !important;
        overflow: visible;
    }
}
@media only screen and (max-width: 414px) {
    .body_product_list{
        width:100%;
        margin-bottom:25px;
    }    
}