body{background-color: #f3f3f3;}
.c_in{
    width: 1200px;
}
.top-header{
    color:#fefefe;
    height: 45px;
    background: #0093dd;
}
.ul-cs {margin-left: 30px}
.ul-cs > li{position: relative;
    padding-left: 46px;
    margin: 4px 25px;
    font: 1.2em/18px Arial;
     
     
        
}
.ul-cs > li >span{
    margin-top: 1px; display: block;
}
.ul-cs > li::before{
    content:'';
    width: 36px; height: 100%;
    position: absolute;
    top: 1px; left: 0;
    background: url('../images/giaohang.png') no-repeat 0 50%;
}
.ul-cs > li.order::before{
    height: 38px; 
    width: 38px;  
     
    top: 0px; left: 0;
    background-position: -36px 50%;
}
.ul-cs > li.shipment{
    padding-left: 52px;  
}
.ul-cs > li.shipment::before{
  
    width: 46px;  
   
    top: 0px; left: 0;
    background-position: -74px 50%;
}
.top_line_text_box{
    font-size: 1.2em
}
.top-menu{
    top: 0; right: 0;
    
    height: 45px;  
}
.top-menu > .ptx{padding-left: 120px; height: 100%;background: #f3211f; border-radius: 34px 0 0 0;}
.top-menu .hotdeal{width: 130px; height: 64px; background: url('../images/hot-deal.png') no-repeat; position: absolute;top:-5px; left: -50px; z-index: 1}
.topmenu li a{
    font:1.2em/45px Arial;
    color:#fff;
     
    text-transform: uppercase;
}
.topmenu li a::after{
    content: '|';
    margin: 0 5px;
}
.topmenu li:last-child a::after{
    display: none;
}
.logo{
    margin: 15px 0px 0;
    height: 85px;
    width: 247px;
}
.logo img{
    max-width: 100%;
}
.topmenu{
    margin-right: 35px;
}
.search-form{
    height: 40px;  vertical-align: middle;
    font-size: 1.2em; position: relative;
}
.search-form select{
    width: 100px; height: 100%; border: none; background: transparent; text-align: center;padding-left: 10px;
}
.search-form .btn-submit-search{
    position: absolute;
  right: 0;
  top: 0;
  padding: 9px 15px;
  border-radius: 0;
}
.search-form .input-text{
    width: 440px; height: 100%;border: none; border: 1px solid #d9d9d9; background: transparent; padding-left: 10px; vertical-align: top;
    margin-left: -4px;    
}
.search-form .selectric{
    box-shadow: none;
    background: transparent; border-radius: 0
}
.search-form .selectric .label{
    line-height: 26px;
}
.search-form .selectric .button{
    height: 38px; border-left: none
}
.search-form .selectric .button:after{
    top: 17px;
}
.search-form .selectric-items{
    width:  300px !important;
}

.dangnhap{
    top:26px; font-size: 1.2em; right: 15px;  
}
.dangnhap .b-header-3__user{
   background: #f6f6f6; border-radius: 15px; border: 1px solid #ededed;
    padding:10px 22px 10px 10px; cursor:pointer; 
}
.dangnhap .p1::after{
    content: '';
    position: absolute; top:40%; margin-left: 8px;
    border: 5px solid transparent;
    width: 0px; height: 0px;
    border-top-color: #34a8e2;
}
.cart {
    top: 35px; right: 233px; background: url('../images/cart.png') no-repeat 0 50%;
    padding-left: 36px;
    font-size: 1.2em;
}
.cart  .p1{
    color:#da251d;
}
.header2 .menu{
    height: 390px; border:1px solid #d6d6d6;float: left;
    width: 220px; background-color: #fff; vertical-align: top;
    border-top: none;
}
.menu-in-list{
    display: none;
}
.menu .title-all,.header2.mlist > .menu-in-list{
    background: url('../images/icon-all.png') no-repeat 10px 50%;
    padding-left: 45px; 
    font:1.3em/30px Arial; color: #5f5f5f;
    border-bottom: 1px solid #d6d6d6;
    
}
.header2.mlist > .menu-in-list{
    
    display: block; width: 218px;
     border: 1px solid #d6d6d6;border-top: none;
}
.header2.mlist .menu{
    height: auto;
}
.header2.mlist  .menu .main-menu-content{    
    position: apsolute;            
}
.header2.mlist .rheader2{
    
}
.header2.mlist .menu .title-all:hover ~ .main-menu-content{
    display: block;
}

.header2.mlist .mxlist{
    position: absolute; z-index: 3333; top: 0; left: 0; display: none;
}
.header1 {
    background:#fff url('../images/bg-header.png') repeat-x bottom ;
    border-bottom: 1px solid #e0e0e0;
}
.header2.mlist .mxlist .hover-content{height: 384px;border-bottom: 1px solid #d6d6d6;}





.mainmenu li > .item-name,.mainmenu li > a > .item-name{
    color:#5f5f5f; font:1.3em/38px Arial;position: relative;
    margin-left: 10px; display: block;
}
.mainmenu li{
    border-bottom: 1px dashed #d1d1d1; 
}
.header2 .rheader2{
    vertical-align: top;
    border-top :1px solid transparent;
    width: 980px; float: left;
    height: 390px;
   
}
.mainmenu li > a.sHover::after{
    content:'';
    width: 10px; height: 100%;
    background: url('../images/icon-menu-hover.png') no-repeat 0 50%;
    position: absolute; right: 10px; top: 0;
}
.hover-content{
    position: absolute; background: #fff;
    height: 389px; width: 980px; z-index: 1024;
}
.hover-content .sub_item >li{
    width: 25%;  vertical-align: top;
}
.hover-content .sub_item >li:last-child{
    position: absolute; right: 0; top: 0; 
}
.hover-content .sub_item >li .block{
    margin: 10px 15px;
}
.hover-content .sub_item >li .block > a{
    color:#333;
    font:1.2em/20px Arial;
    display: block;
}
.hover-content .sub_item >li .block > h2{
    color:#333;
    font:bold 1.2em/25px Arial;
    display: block;
}.hover-content .sub_item >li .block > h2 a{color: #333;}
.hover-content .sub_item >li .block  a:hover{
    color:#1384CA;
    text-decoration: underline
        
}

.slider{
    position: absolute;
    top: 0; left: 0; height: 100%; width: 100%;
}
.jsthumbnail{
    border-bottom: 1px solid #c7c7c7;
}
.jsthumbnail:last-child{border-bottom: none;}
/* jssor slider thumbnail navigator skin 11 css */
/*
.jssort11 .p            (normal)
.jssort11 .p:hover      (normal mouseover)
.jssort11 .pav          (active)
.jssort11 .pav:hover    (active mouseover)
.jssort11 .pdn          (mousedown)
*/
.jssort11
{
        font-family: Arial, Helvetica, sans-serif;
        border:1px solid #d8d8d8;
        opacity: 0.85;
        background: #f7f5f1; overflow: hidden;
}.jssort11 .thumb-img{
    margin:5px  10px;

}
.jssort11 .i, .jssort11 .pav:hover .i
{
        position: absolute;
        top:3px;
        left:3px;
        WIDTH: 60px;
        HEIGHT: 30px;
        border: white 1px dashed;
}
* html .jssort11 .i
{
        WIDTH /**/: 62px;
        HEIGHT /**/: 32px;
}
.jssort11 .pav .i
{
        border: white 1px solid;
}
.jssort11 .t, .jssort11 .pav:hover .t
{
        position: absolute;
        top: 3px;
        left: 68px;
        width:129px;
        height: 32px;
        line-height:32px;
        text-align: center;
        color:#808080;
        font-size:13px;
        font-weight:700;
}
.jssort11 .pav .t, .jssort11 .phv .t, .jssort11 .p:hover .t
{
        color:#000;
}
.jssort11 .c, .jssort11 .pav:hover .c
{
        position: absolute;
        top: 2px;
        left: 75px;
        width:183px;

        line-height:18px;
        color:#000;
        font-size:11px;
        font-weight:400;
        overflow: hidden;
        font-size: 12px;
}
.jssort11 .pav .c, .jssort11 .phv .c, .jssort11 .p:hover .c
{
        color:#000;
}
.jssort11 .t, .jssort11 .c
{
        transition: color 2s;
    -moz-transition: color 2s;
    -webkit-transition: color 2s;
    -o-transition: color 2s;
}
.jssort11 .p:hover .t, .jssort11 .phv .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c
{
        transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
.jssort11 .p
{
        background:#f7f5f1;
}
.jssort11 .p.av{
    background: #fff;
}
.jssort11 .pav, .jssort11 .pdn
{
        background:#fff;
}
.jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover
{
        background:#fff;
}

.index_adv{
    width: 870px;  
}
.slide_banchay{
    width: 326px; height: 260px; margin-top: 10px;
}
.btitle{
    color:#f3f3f3; font: 1.3em/32px Arial ; text-transform: uppercase; text-indent: 15px; background: #0093dd;
}

.slide_banchay .slide_banchay_content{
    background: #fff; height: 227px; border:1px solid #ead9c5; border-width: 0 1px 1px 1px;
}

.box_index .box_index_header{
    background-color: #f2f2f2;
    height: 40px; border:1px solid #d6eefa;
}
.box_index .box_index_header .box_index_name > a{
    color: #0093dd; display: inline-block;
    font:bold 1.4em/38px Arial ; 
    padding:0 20px 0 15px;
    background: url('../images/icon-menu-view-all.png') no-repeat 100% 50%;
}
.ul-box-index-list-child{
    display: inline-block; vertical-align: top;margin-left: 15px;
}
.ul-box-index-list-child > li a{
    color:#575757;vertical-align: top;
    font-size: 1.3em; line-height: 38px;
    padding: 0 10px; background: url('../images/icon-index-box-arrow.png') no-repeat 100% 50%;
}
.ul-box-index-list-child > li:last-child a{
    background: none;
} 
.ul-box-index-list-child > li a:hover{color: #000;}
.index-box-view-all{
    color:#0093dd; font:1.1em/40px Arial; padding-right: 5px;
    right: 10px; top: 0; 
}
.box-index-content-left{
    width: 950px; display: inline-block; vertical-align: top;
}

#header .header_in, #main .main_in{
    background: #fff;
}
.item-block >li{
    width: 187px; border: 1px solid #F2F2F2;  margin-top: 10px; height: 310px; position: relative;
}
.item-block >li:hover{border: 1px solid #000;
    background-color: #F9F9F9;
        box-shadow: 1px 1px 5px 0px #9E9E9E;
    }
.item-block .item-img{
    width: 100%;
    height: 228px; display: block;
}
.item-block .item-img img{
    width: 100%; max-height: 100%;
}
.item-block .item-name{
    color:#414141;
    font:1.3em/18px Arial;
    max-height: 36px; overflow: hidden;
}
  .item-price{
    color:#ff0000;
    font:1.4em/20px Arial;
    margin-top: 5px;
}
 .item-old-price{
    color:#717070;
    font:1.2em Arial;
    text-decoration: line-through;
}
.box_index{
    margin-bottom: 15px;
}
.box-index-content-right{
    width: 246px; display: inline-block; text-align: right; margin-top: 10px;
}
.box-index-content-right .box-right-top img{
    max-width: 100%;
}
.box-right-bottom{
    overflow: hidden;
    margin-top: 15px;
        
}
.box-right-bottom a{
    text-align: center; vertical-align: middle;
    width: 105px;    
    
}
.box-right-bottom a img{max-width: 95%;width: 100px;}
.box-right-bottom table tr td{vertical-align: middle;} 
.box-right-bottom table tr {height: 72.3px;}
.box-right-bottom a.view-all{
    color:#00aaf1; font-size: 1.2em;
}
.adv-index-box img{max-width: 100%; max-height: 100%;}
.adv-index-box{
    margin: 10px 0px; height: 305px;
}
.adv_bottom{
    margin: 10px 0 ;
}
.adv_bottom img{max-width: 100%;}

.email_marketing{
    background-color: #F3211F;
    margin: 0 0 10px  0;
}
.email_marketing  span{
    color: #fff;
    font-size: 1.7em;
    vertical-align: middle;
    margin: auto 25px;
}
.email_marketing  input[type=email]{
    width: 342px; height: 33px; padding-left: 5px; font-size: 1.2em; margin: 15px 0;
}

.email_marketing  input[type=submit]{
    font-size: 1.5em;color: #fff; background-color: #D0AA8A; text-transform: uppercase; margin-left: 15px; padding: 0 15px; border:1px solid transparent;
    vertical-align: middle; height: 31px;
}

.system-style.footer{
    background: transparent;
}
.system-style.bottom_nav li a,.system-style.bottom_nav li a[role=none]:hover,.system-style.bottom_nav li li a,.system-style.bottom_nav li .mn-intext,.system-style.addContact > .ft_in_content_flcx,.system-style.share p.sys-title{
     
    color:#545454;
}
.system-style.bottom_nav li a:hover{
    
    color:#000;
}
.system-style.addContact{
    border-color: #a8c5d2;
}
 
.system-style.bottom_nav li{
 
    border-right: medium none;
font-size: 12px;
margin: 0 46px 53px 2px;

    
}
.slide_banchay_content .sitem {
    width: 160px; text-align: center; float: left;
}
.slide_banchay_content .sitem .item-name{
    color: #3d3d3d;
    font:1.2em/18px Arial;
    max-height: 36px; margin: 0 3px
}
.slide_banchay_content .sitem a:hover{
    text-decoration: underline;
}
.slide_banchay_content .sitem .pimg{
    height: 165px; width: 100%; vertical-align: middle; display: table-cell;
}
.Firefox .slide_banchay_content .sitem .pimg{
    display: block;
}
.slide_banchay_content .sitem .item-img{
    max-width: 100%;
    max-height: 100%;
}

.slide_banchay_content .sitem .item-img img{
    max-height: 100%; max-width: 100%
}
.tree{
    margin-left: 15px;
}
.tree > li > a{
    color:#0076b2; font: 1.4em/40px Arial;
}
.tree > li > a:hover{opacity: 0.8;}
.tree > li > a::after{
    content:'/';
    display: inline-block;
    margin: auto 5px;
    
}
.tree > li:last-child > a::after{display: none;}


.col-left{
    float: left;
    width: 218px;  
}
.col-right{
    float: right;
    width: 964px; 
    
}
.left-menu{
    border: 1px solid #d6d6d6;
}
.box_index.box_in{
    margin-top: 15px;
}
.box_index .box_index_header.box_in{
     
}
.left_box{
    border:1px solid #d6d6d6;
    margin-top: 15px;
}
.left_box .left_box_title{
    color: #4b4b4b; font:bold 14px/40px Arial;
    border-bottom: 1px solid #d6d6d6;
}

.best100 li{
    border-bottom: 1px dashed #dddddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.best100 li:last-child{
    border-bottom: none;
}
 
.best100 .item-block .item-img img{
    width: auto;
}
.product-content{
    
}
.b-header-3 .b-header-3__user .b-header-3__hover-box {
  background: transparent;
  padding-top: 13px;
 
  position: absolute;
  top: 50px;
  right: -15px;
  z-index: 9999;
}
.arrow_top {
  position: relative;
  background: #fff;
  border: 1px solid #ccc !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.b-header-3 .b-header-3__user .b-header-3__user-dropdown {
   
  border: 1px solid #ddd;
  padding: 15px 20px 15px 20px;
  background: #fff;
  width: auto;
  min-width: 200px;
  z-index: 15;
}
.b-header-3 .b-header-3__user .b-header-3__user-dropdown {
   
  border: 1px solid #ddd;
  padding: 15px 20px 15px 20px;
  background: #fff;
  width: auto;
  min-width: 200px;
  z-index: 15;
}.arrow_top:after, .arrow_top:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_top:before {
  border-color: transparent;
  border-bottom-color: #ccc !important;
  border-width: 9px;
  margin-right: -1px;
}
.b-header-3 .b-header-3__user li {
  display: block;
  position: relative;
}
.btt_blue {
  background: #32befb;
  background: -moz-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32befb), color-stop(100%, #19a5e1));
  background: -webkit-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: -o-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: -ms-linear-gradient(top, #32befb 0%, #19a5e1 100%);
  background: linear-gradient(to bottom, #32befb 0%, #19a5e1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32befb', endColorstr='#19a5e1', GradientType=0);
  border: none!important;
  box-shadow: 0 -2px 0 #0788bf inset;
  padding: 6px 14px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__login-btt, .b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__fb-btt {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 8px 10px;
  text-decoration: none !important;
}
.b-header-3 .b-header-3__user   .arrow_top:after, .b-header-3 .b-header-3__user   .arrow_top:before {
  left: initial;
  right: 26px;
}
.arrow_top:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-left: -8px;
}
.b-header-3__hover-box{display: none}
.dangnhap.b-header-3:hover .b-header-3__hover-box{
    display: block;
}.b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__user-dropdown__link {
  display: block;
  padding: 0 0 9px 0;
  color: #444444;
  font-size: 1.2em;
}
.b-header-3 .b-header-3__user .b-header-3__user-dropdown .b-header-3__user-dropdown__link:hover{
    text-decoration: underline;
    color:#00aaf1 ;
}
.line-01{border-bottom: 1px solid  #ddd; margin-top: 15px; font:bold 1.6em/30px Arial; color: #444;  }
.right_arrow{
    position: absolute; right: 10px; top: 5px;font-size: 2.5em;
}
.right_arrow .ft{
    opacity: 0.8; color: #555; cursor: pointer;
}
.right_arrow .ft:hover{opacity: 1}
.sort_style{
    margin-left: 3em;
    font-size: 1.2em;
}
.sort_style .ft{
    font-size: 1.4em; color:#999;
    border: 1px solid transparent;
    margin: auto 2px;
}
.sort_style .ft.active,.sort_style .ft:hover{
     color:#9D2924;
      
}
  
.list_pro_diplay_list  .item-block >li{
    width: 100%; height: inherit;
    border-bottom: 1px solid #ddd;
}
.list_pro_diplay_list .item-block .item-img{
   width: 220px; height: inherit; min-height: 150px;float: left; margin-right: 15px; 
}
.list_pro_diplay_list .item-block .item-name, .list_pro_diplay_list .item-block .item-price,.list_pro_diplay_list .item-block .item-old-price{
    text-align: left
} 
.list_pro_diplay_list .item-block .item-name{
    font-weight: bold;
}
.list_pro_diplay_list .item-block .item-price{
    font-size: 2em; font-weight: bold;line-height: 1.5em
}
.list_pro_diplay_list .item-block .item-price:before{
    content:'Giá bán: ';
}
.list_pro_diplay_list .item-block .item-old-price:before{
    content: 'Giá thị trường: ';
}
.p_promotion{
    display: none;
    border-top: 1px solid #eee;
    margin-top: 15px;
    width: 98%;
}
.list_pro_diplay_list .p_promotion{
    display: block;
    float: left; width: 678px;
}
.list_pro_diplay_list .promotion_title{
    color: #e00;
    font-size: 1.3em;
    line-height:2em;
}
.list_pro_diplay_list .item-block >li:hover{border: 1px solid transparent; border-bottom-color: #ddd}

.sort_pro {
   
  margin-left: 20px;
  margin-top: 7px;
  position: relative;
}
.sort_pro > span {
  border: solid 1px #ccc;
  display: block;
  height: 24px;
  background: white;
  padding: 0 10px;
  line-height: 24px;
}
.sort_pro ul {
  margin: 0;
  list-style: none;
  background: white;
  border: solid 1px #ccc;
  padding: 3px 8px;
  display: none;
  width: 135px;
  position: absolute;
  z-index: 99;
  line-height: 20px;
  top: 24px;
  left: 0;
}.sort_pro ul li{padding:2px 0;}
.sort_pro ul li a{text-decoration:none;}
.sort_pro:hover ul{display:block;}
.mainmenu-v{
    left: 220px;
}
.mainmenu-v{display:none;}
.header2.mlist.bwhite > .mainmenu-v{
    display: block
}
.mainmenu-v li{
    background: none;
}
.mainmenu-v li a.menu-item-name{
    border:none; font-size: 1.2em; color: #333;
    padding: 0 5px; line-height: 32px;
    border-right: 1px solid #ddd;
}
.mainmenu-v li a.menu-item-name.sf-with-ul{
    padding-right: 1.5em
}
.mainmenu-v  .sf-with-ul:after{
    right: 0.4em;
    border-top-color: #ddd;
    border-top-color: rgba(100,100,100,.5);
}
.mainmenu-v li li{
    display: list-item;
    min-width: 20em;
    background-color: #f7f7f7;
}
.mainmenu-v li:hover, .mainmenu-v li.sfHover{
    background-color: #dedede 
}
.mainmenu-v ul .sf-with-ul:after{
    border-left-color: #dFeEFF;
    border-left-color: rgba(100,100,100,.5);
}
.adv-detail-box{margin-left: 15px; margin-top: 15px}
 
.IE .c_in {
  width: 1200px !important;
}
.IE .slide_banchay_content .sitem .item-img{
    width: 160px
} 
.IE .topmenu li{
    float: left
        
}
.IE .sys_product_detail.add-cart-button{
    background: url(../img/icon-add-cart.png) no-repeat transparent;
}
.block-banner-deal {
    height: 390px;
    
    margin-right: 250px;
}
.block-banner-deal .block-banner-top {
    width: 440px;
    position: relative;
    float: left;
    height: 390px;
    overflow: hidden;
}
.owl-theme .owl-controls {
    text-align: right;
    position: absolute;
    bottom: 10px;
    width: 100%;
}
.block-deal-top {
    margin-left: 440px;
    border-right: 1px solid #e7e7e7;
}.block-deal-top .tl {
    padding-top: 10px;
    background: #fff;
    text-align: center;
    position: relative;
    height: 40px;
}
.block-deal-top .deal-box {
    background-color: #fff;
    overflow: hidden;
}
.block-deal-top .tl .bg {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    width: 220px;
    text-align: center;
    left: 50%;
    margin-left: -110px;
}
.block-deal-top .tl:after {
    content: '';
    height: 1px;
    background-color: #e7e7e7;
    width: 90%;
    position: absolute;
    left: 5%;
    top: 20px;
}
.block-deal-top .tl .icon-star {
    fill: #ff0000;
    width: 12px;
    height: 12px;
}
.block-deal-top .tl span {
    background-color: #fff;
    font-size: 15px;
    color: #ff0000;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    padding: 0 5px;
}
.owl-theme .owl-controls .owl-page span{
    background: #999;
}
.owl-theme .owl-controls .owl-page.active span{
    background: #e5101d;
}

.block-deal-top .deal-box {
    background-color: #fff;
    overflow: hidden;
}
.block-deal-top .deal-box .deal-item {
    float: left;
    width: 100%;
    position: relative;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    height: 174.5px;
    overflow: hidden;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.deal-box .deal-item .item {
    display: block;
    text-align: center;
    background-color: #fff;
}
.deal-box .deal-item .item > img {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}.deal-box .deal-item .box-name {
    position: absolute;
    bottom: 0;color: #333;
    left: 0;
    width: 100%;
    padding: 8px;
    background-color: rgba(255,255,255,0.7);
}
.deal-box .deal-item .box-name .name {
    text-align: left;
    line-height: 20px; 
    height: 20px;
    overflow: hidden;
    display: block;
    font-size: 14px;
}
.deal-box .deal-item .item:hover > img{  -webkit-transform: scale(1.05,1.05);     -moz-transform: scale(1.05,1.05);      -ms-transform: scale(1.05,1.05);       -o-transform: scale(1.05,1.05);          transform: scale(1.05,1.05);}
.deal-box .deal-item:hover .box-name {    background-color: rgba(0,0,0,0.5);    bottom: 0;    color: #fff;}
.deal-box .deal-item:hover .deal-price span { color: #fff; }
.tit_mtp {
    background-color: #861168;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    font-size: 16px;
}
.border001{
    border: 1px solid #e7e7e7; border-width: 0 1px 1px;
}
.block-recommend {
    margin-top: 14px; margin-bottom: 15px;
  
    overflow: hidden;
}
.block-recommend .slide-collection-top {
    border: 1px solid #e7e7e7;
    overflow: hidden;
    position: relative; 
}
#owl_home_recommend.owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: 4px;
}
#owl_home_recommend.owl-carousel .owl-controls .owl-buttons .owl-next {
    right: 4px;
}
.slide-collection-top .trend-pro_item {
    float: left;
    border-left: 1px solid #e7e7e7;
    position: relative;
    width: 100%;padding-bottom: 10px; height: 299px
}
.slide-collection-top .item-col {
    display: block;
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
 
    width: 220px;
    background: url('../images/loading.svg') no-repeat center center rgba(255,255,255,0.5);
}
.slide-collection-top .item-col span {
    display: block;
    background-color: rgba(255,255,255,0.85);
    text-align: center;
    
    line-height: 30px;
    width: 100%;
    height: 30px;
    color: #333;
    font-size: 14px;
    overflow: hidden; padding: 0 5px;
}
.transit {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.slide-collection-top .item-col:hover span {  }
.slide-collection-top .item-col:hover > img{  -webkit-transform: scale(1.05,1.05);     -moz-transform: scale(1.05,1.05);      -ms-transform: scale(1.05,1.05);       -o-transform: scale(1.05,1.05);          transform: scale(1.05,1.05);}
/* Styling Next and Prev buttons */

#owl_home_recommend.owl-theme .owl-controls .owl-buttons div{
	filter: Alpha(Opacity=60);/*IE7 fix*/
	opacity: 0.6;
}
 
#owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-prev{
    position: absolute;
    left: 0;
    top: -158px; 
    z-index: 9999;
    text-indent: -9999px;
	display:inline-block;
    width: 30px; height: 50px;     background: rgba(153,153,153,0.8);
    
}
#owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-next{
    position: absolute;
    right: 0;
    top: -158px; 
    z-index: 9999;
    text-indent: -9999px;
	display:inline-block;
    width: 30px; height: 50px;     background: rgba(153,153,153,0.8);
    
}
#owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-next i{
    width: 20px;
    height: 20px;
    line-height: 50px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    margin-top: 15px;
    margin-right: 7px;
}
#owl_home_recommend.owl-theme .owl-controls .owl-buttons .owl-prev i{
    width: 20px;
    height: 20px;
    line-height: 50px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    display: inline-block;
    margin-top: 15px;
    margin-left: 7px;
}
#owl_home_recommend.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

#owl_home_recommend.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.filter {
    position: relative;
    background: #fff;
    position: relative;
    border-radius: 2px;
    border: 1px solid #aaa;
    margin-top: 5px;
}
.filter .wrap-filter {
    clear: both;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
}
.filter .filter-attr {
    overflow: hidden;
    border-top: 1px solid #aaa;
    background-color: #fffef6;
    position: relative;
}
.filter .filter-attr:first-child {
    border-top: none;
}

.filter div.ttl-left {
    width: 100px;
    float: left;
    padding: 8px 0 0 8px;
    background: #fffef6;
    font-weight: bold;
    color: #595959;
    position: relative;
    font-size: 12px;
}
.filter div.ttl-left span {
    display: inline-block;
    font-size: 10px;
}
.filter div.cont-filter-attr {
    margin-left: 85px;
    overflow: hidden;
    padding-right: 25px;
    border-left: 1px solid #aaa;
    background-color: #fff;
    padding: 2px 30px 2px 0;
}
.filter div.cont-filter-attr ul {
    overflow: hidden;
    position: relative;
    height: 30px;
    padding-bottom: 5px;
}
.filter div.cont-filter-attr ul li {
    width: auto; 
    float: left;
    padding-left: 15px;
    height: 30px;
    line-height: 30px;
}
.filter div.cont-filter-attr ul li label {
    max-height: 30px;
    display: block;
    cursor: pointer;
    font-size: 11px;
    white-space: nowrap;
    position: relative;
    padding: 0 4px 0 20px;
}
.filter div.cont-filter-attr ul li label input {
    margin: -4px 5px 0 0;
    vertical-align: middle;
    opacity: 0;
    position: absolute;
}
.filter .checkbox {
    margin-bottom: inherit;
    margin-top: inherit;
}
.cont-filter-attr ul li label .checkbox:before {
    content: '';
    cursor: pointer;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 6px;
    left: -20px;
    border: 1px solid #656262;
}
.cont-filter-attr ul li label .checkbox:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 4px;
    background: transparent;
    top: 10px;
    left: -17px;
    border: 2px solid #e5101d;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cont-filter-attr ul li label .checkbox.checked:after {opacity: 1;}
.discout-ele {
    background-color: #fff; z-index:1;
    font-size: 13px;
    color: #e5101d;
    text-align: center;
    font-weight: 300;
    position: absolute;
    width: 52px;
    height: 22px;
    line-height: 20px;
    border-radius: 2px;
    border: 1px solid #e5101d;
    right: 5px;
    top: 5px;
}
.sys_product_detail_info_left{
	width: 100%; display: block;
        line-height: 30px;
        border-bottom: 1px dotted #48D0F9;
}
.item-hot{
	position: absolute; top: 0; left : 0;
	width:60px; height: 60px;
	background: url('../images/icon-hot-pc.png') no-repeat 50% 50%
}
.item-new{
	position: absolute; top: 0; left : 0;
	width:60px; height: 60px; z-index:1;
	background: url('../images/icon-new-pc.png') no-repeat 50% 50%
}
.qrcode{position: absolute; right:5px; top:0}
.title-detail{
    font: 1.5em Arial;
    color: rgb(0, 0, 255);
    margin-top: 20px;
}
.sys_product_detail_saleoff {
    font: 1.2em arial;
}
.sys_product_detail_vat {
    font: 1.3em arial;
    color: #009E23;
}
.sys_product_detail_text {
    font-size: 1.4em;
    font-weight: bold;
}