.b-index {background:url('../images/bg.png') top center no-repeat;}
.sanphamtrangchu {float:left;width:100%;margin:12px 0;}
.sanphamtrangchu a{color:#ea2d2e}
.sanphamtrangchu h2{padding:30px 0;font-size:26px;font-weight:100;text-transform:uppercase;}
.sanphamtrangchu h2 span.button-filter{font-size:12px;float:right;padding:5px 20px;margin-left:10px;border:1px solid #eee;background:#fff;text-transform:uppercase;cursor:pointer;margin-top:7px;}
.sanphamtrangchu h2 span.active{background:#ea2d2e;color:#fff;}
.sanphamtrangchu .title a{padding:5px 0px;margin-bottom:0px;display:block;color:#ea2d2e;background:#fff;}
.sanphamtrangchu select.luachon {width:100%;float:left;padding:7px 20px;margin:10px 0;border:1px solid #eee;}
.sanphamtrangchu .subtitle{width:100%;float:left;position:relative;}
.sanphamtrangchu .subtitle li{list-style:none;float:left;padding:5px 10px;border-left:1px solid #eee;z-index:95;}
.sanphamtrangchu .subtitle li ul{display:none;position:absolute;top:23px;background:#fff;width:200px;z-index:99;margin-left:-10px;}
.sanphamtrangchu .subtitle li:hover{border-bottom:0;background:#e97819;}
.sanphamtrangchu .subtitle li:hover a{color:#fff;}
.sanphamtrangchu .subtitle li:hover>ul{display:block;padding:0;background:#e97819;}
.sanphamtrangchu .subtitle li:hover>ul li{padding:5px 10px;border:none;width:180px;}
.sanphamtrangchu .subtitle li:hover>ul li a{color:#fff}
.sanphamtrangchu .subtitle li ul li:hover {background:#eee;}
.sanphamtrangchu .subtitle li ul li:hover> a{color:#ea2d2e}
.sanphamtrangchu .subtitle li ul li {position:relative}
.sanphamtrangchu .subtitle li ul li ul{left:200px;top:0;}
.sanphamtrangchu .subtitle li.xemthem{float:right;border-left:none;}
.sanphamtrangchu .subtitle li.xemthem:hover{background:#fff;}
.sanphamtrangchu .listsanpham  {float:left;position:relative;width:100%;margin-bottom:40px;}
.sanphamtrangchu .listsanpham .swiper-container{}
.sanphamtrangchu .listsanpham .sanpham {float:left;padding:10px 7px 10px 7px;text-align:left;position:relative;}
.sanphamtrangchu .listsanpham .sanpham img{width:100%;padding:5px;background:#fff;
}
.sanphamtrangchu .listsanpham .sanpham .detail{padding:5px 0px;font-size:14px;}
.sanphamtrangchu .listsanpham .sanpham .detail p.small{font-size:12px;color:#bbb;font-weight:bold;}
.sanphamtrangchu .listsanpham .sanpham .detail a{float:right}
.sanphamtrangchu .listsanpham .sanpham .ten{font-weight:bol1d;color:#555;padding:5px 0;height:42px;overflow:hidden}
.sanphamtrangchu .listsanpham .sanpham .gia{font-weight:bold;color:#fea40b;padding:5px 0;font-size:16px;}
.sanphamtrangchu .listsanpham .sanpham .khuyenmai{text-decoration:line-through;color:#ccc;}
.sanphamtrangchu .listsanpham .sanpham .chitiet{background:#000;color:#fff;padding:7px 10px;text-transform:uppercase;font-weight:bold;}
.sanphamtrangchu .seemore{text-align:right;padding-right:30px;}
.sanphamtrangchu .listsanpham .sanpham:hover > .muangay-wrap {opacity:1;-moz-animation-delay: 3.5s;
   -webkit-animation-delay: 3.5s;
   -o-animation-delay: 3.5s;
    animation-delay: 3.5s;-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
