.products-list{
    margin-left: -28px;
}
.products-list li{
    float: left;
    margin-left: 30px;
    margin-bottom: 30px;
    position: relative;
}
.products-list li img{
    width: 286px;
    height:209px;
}
.products-list li .product-info{
    background: rgba(0,0,0,0.5);
    height: 40px;
    position: absolute;
    bottom:4px;
    left: 0;
    width: 100%;
    line-height:40px;
    color: #fff;
}
.products-list li .product-info h3{
    float: left;
    margin-left: 10px;
}
.products-list li .product-info span{
    float: right;
    margin-right: 10px;
}