.main-content {background:#f9f9f9}
.intro .arrow:before{content:'';border:105px solid transparent;border-top:98px solid #fcfcfc;top:-3px;left:3px;position:absolute;  border-bottom: none;}
.sanphamtrangchu {float:left;width:100%;}
.sanphamtrangchu a{color:#4ab742}
.sanphamtrangchu .title{font-size:20px;text-align:left;padding:10px 0;color:#4ab742}
.sanphamtrangchu .title h3{text-transform:uppercase;font-weight:bold;}
.sanphamtrangchu .subtitle{position:relative}
.sanphamtrangchu .subtitle .cate-img{position:absolute;bottom:0;z-index:2}
.sanphamtrangchu .subtitle .cate-img img{width:100%;}
.sanphamtrangchu .subtitle li{list-style:none;float:right;z-index:95;position:relative}
.sanphamtrangchu .subtitle li a{padding:10px 20px;display:block;font-size:16px;color:#000;}
.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;}
.sanphamtrangchu .subtitle li:hover a{color:#4ab742;}
.sanphamtrangchu .subtitle li:hover>ul{display:block;padding:0;}
.sanphamtrangchu .subtitle li:hover>ul li{padding:0px 10px;border:none;width:180px;}
.sanphamtrangchu .subtitle li ul li:hover {background:#eee;}
.sanphamtrangchu .subtitle li ul li:hover> a{color:#f00}
.sanphamtrangchu .subtitle li ul li {position:relative}
.sanphamtrangchu .subtitle li ul {top:0;left:230px;}
.sanphamtrangchu .subtitle li.xemthem{float:right;border-left:none;}
.sanphamtrangchu .subtitle li.xemthem:hover{background:#fff;}
.sanphamtrangchu .listsanpham  {float:left;width:100%;margin-top:20px;}

.sanphamtrangchu .listsanpham .sanpham {width:22.75%;float:left;border-right:0;border-top:0;text-align:center;background:#fff;padding-bottom:30px;border:1px solid #eee;border-radius:5px;overflow:hidden;box-shadow: 2px 2px 20px #00000017;    position: relative;z-index:99;margin-right:3%;margin-bottom:3%}

.sanphamtrangchu .listsanpham .sanpham:nth-child(4n) {margin-right:0;}
.sanphamtrangchu .listsanpham .sanpham:hover {background:#fff;}
.sanphamtrangchu .listsanpham .sanpham .xemchitiet {display:none;}
.sanphamtrangchu .listsanpham .sanpham:hover .xemchitiet{left:0px;display:block;position:absolute;bottom:0px;background:rgba(0,0,0,0.3);padding:10px;color:#fff;font-weight:bold;font-size:16px;width:100%}
.sanphamtrangchu .listsanpham .sanpham:hover .xemchitiet:before{content:"";}
.sanphamtrangchu .listsanpham .sanpham:hover {background:#eee;}
.sanphamtrangchu .listsanpham .sanpham-hoa {width:31.33%;}
.sanphamtrangchu .listsanpham .sanpham-hoa:nth-child(3n) {margin-right:0;}
.sanphamtrangchu .listsanpham .sanpham-hoa:nth-child(4n) {margin-right:3%;}
.sanphamtrangchu .listsanpham  .last{margin-right:0;}
.sanphamtrangchu .listsanpham  .hide{display:none}
.sanphamtrangchu .listsanpham .sanpham .hinhanh{float:left;padding:0px;position:relative;text-align:center;width:100%;height:243px;position:relative;overflow:hidden}
.sanphamtrangchu .listsanpham .sanpham-hoa .hinhanh{height:335px;}
.sanphamtrangchu .listsanpham .sanpham .detail{float:left;margin-top:0!important;width:100%;height: 110px}
.sanphamtrangchu .listsanpham .sanpham img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;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.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
.sanphamtrangchu .listsanpham .sanpham .ten{color:#555;padding:10px;   height:59px; 	text-overflow: ellipsis;
    word-wrap: normal;
    overflow: hidden;display: inline-block;}
.sanphamtrangchu .listsanpham .sanpham .gia{text-transform:uppercase;font-weight:bold;color:#4ab742;padding:5px 0;margin-top:10px}
.sanphamtrangchu .listsanpham .sanpham .khuyenmai{text-decoration:line-through;color:#ccc;}
.sanphamtrangchu .listsanpham .sanpham .giakm{color:#aaa;}
.sanphamtrangchu .listsanpham .sanpham .addon{font-size:12px;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:10px 0;padding:10px 0;float:left;width:100%;}
.sanphamtrangchu .listsanpham .sanpham .addon .city{width:50%;float:left}
.sanphamtrangchu .listsanpham .sanpham .addon .rate{width:50%;float:left;color:#ffeb3b}
.sanphamtrangchu .seemore{text-align:right;padding-right:30px;}
.listleft {float:left;width:100%;}
.danhmuctrangchu {width:550px}
.sanphamtrangchu .slider2 {width:100%;float:left;overflow:hidden;position:relative}
.topmain {position:relative;width: 100%;
  float: left;}