* { margin:0; padding:0;}
body {  font-size:12px; line-height:17px; color:#555; font-family: Arial, Helvetica, sans-serif; overflow-y:scroll;background:#fff;   }
table, td {border-collapse:collapse; font-size:100%;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td { vertical-align:top; text-align:left;}
li{ list-style:none;}
img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
a {color:#000; outline:none; text-decoration:none; }
#easyTooltip{
	padding:3px;
	border:1px solid #000;opacity: 0.85;filter: alpha(opacity=85);
	background:#555; color:#fff;
	z-index:100;
	}
@font-face {  
 font-family: Roboto;  
 src: url('../font/Roboto-Condensed.ttf');
}  
/* ============================= header ====================== */
.revfleft img{ width:100%; height:auto; }

@media (min-width: 1200px) {
.toplink{float:right;}
.homelink{float:right;}
.homelink li{ width:35%; text-align: center; max-width:50px;  }
.homelink li a{ color:#fff;}
.homelink li a:hover{ color:#b1071a;}
.homelink li{ float:left;  height:50px; color:#000; text-transform: uppercase; }
.homelink li i{  padding:0 12px; font-size:26px;line-height:50px; }
.count{padding:2px 5px; color:#fff; background:#b1071a;border-radius:8px;line-height:14px; position:absolute; top:-2px; right:8px;}
}
@media only screen and (max-width: 1199px) {
.loadings{left:40%;}
#currencies-block-top { float:right; }
.homelink{
background-color: #fff;
 z-index:999;
      
            color: #f4f4f4;
            text-align:center; 
            position:fixed;
            bottom:0; left:0; right:0;}
.homelink li{ width:33%; text-align:center; }
.homelink li a{ color:#000;}
.homelink li i:hover{ color:#B1071A;}
.homelink li a:hover{color:#B1071A;}
.homelink li{ float:left;  height:36px; color:#000; text-transform: uppercase; }
.homelink li i{  padding:0 12px; font-size:32px;line-height:36px; color:#000;}
.count{padding:2px 5px; color:#fff; background:#000;border-radius:8px;line-height:14px; position:absolute; top:-11px; left:46px;}
}

@media (min-width: 451px) {
.product-col .zenzc{padding-bottom:150%;}
.product-col .button4{ right:5px; }
.indexbanner .label{ padding:20px;}
.banner2 .homes1{ line-height:46px;  font-size:38px;}
.homes1{ line-height:46px;  font-size:36px;}
.homes2{ line-height:30px;  font-size:22px;}
.logobig1{ font-size:22px; width:120px;}
.logobig i{ padding:0; margin:0;}
}
@media only screen and (max-width: 810px) {
#productsImageWrapper{ margin-bottom:10px;}
#productDescription img{ width:100%; height:auto;}
}
@media only screen and (max-width: 450px) {
.product-col .zenzc{padding-bottom: 165%;}
#scUpdateQuantity{ display:none;}
.cartQuantityUpdate{ display:none;}
.counts{display:none;}
.product-col .compare{ display:none;}
.shippedto{ display:none;}
.homes1{ line-height:26px;  font-size:16px;}
.homes2{ line-height:16px;  font-size:12px;}
.logobig1{ font-size:14px; width:90px;}

}
@media only screen and (max-width: 450px) {
.product-col #productPrices{ display:none;}
.indexbanner  .owl-nav{ display:none;}}
@media only screen and (max-width: 992px) {
.cart span{ display:none;}
.compareResult span{ display:none;}
}
@media only screen and (max-width: 950px) {
#productDescription img{ width:100%; height:auto;}
#ezPageDefault img{ width:100%; height:auto;}

}
@media only screen and (max-width: 300px) {
#search_block{ display:none;}
}
 .newslt .articleImage{display: block;
  width: 100%;
  height: auto;}                                                                                                         
/* --- logo --- */
.header{ margin:0 5px; height:50px;position:relative; background:#000;
 }
.logo{  float:left; font-family:Oswald; margin-left:-5px;
}
.logo i{ font-size:40px; color:#000; line-height:40px; margin:5px; float:left; background:#fff;}
.logobig1{ line-height:20px; color:#fff; float:left; padding:5px 0; border-right:1px solid #555;}
/* --- search --- */
#search_block { margin-top:1px; text-align:right; padding-right:5px;
} 
.search-block{ text-align: center;  }
.search-block i{line-height:50px; font-size:24px;}
.icon-sousuo-xianxing{ font-size:30px;}
#search_block .form-search {
 
  background: #fff; width:100%; margin:5px;
}
#search_block .form-search #searchInput {
  float: left;
  display: inline-block;
  height: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  background: none;
  color: #111;
  font-size: 20px;
  padding: 5px 25px;
  font-family: Arial, sans-serif;
  box-shadow: none;
  border-radius: 0;
  width: 80%;
}
#search_block .form-search .button-search {
  float: right;
 
   background:#b1071a;border:0;
  padding: 0;
  width: 15%; max-width:60px;
  color: #fff; height:40px;
  text-transform: uppercase;

}
.button-search i{ font-size:24px;}
#search_block .form-search .button-search:hover{ color:#fff; background:#555;}
#search-block-top .dropdown-menu{  left:0; right:0; padding:15px; background:#333; border:none; margin:0;border-radius:0;}
 /* --- menu --- */
.toplink a{ color:#222;text-transform: uppercase; font-size:12px;font-family:Roboto;}
.toplink li{ float:left; line-height:30px; margin-left:10px; }
.greeting{ font-size:12px; color:#222;float:left;text-transform: uppercase; line-height:30px; margin-top:5px;font-family:Roboto;}
.greeting a{ color:#000;}
.greeting i{ font-size:18px; color:#000; margin-right:8px; float:left;}
.greeting h2{ color:#555; font-size:20px; line-height:20px; padding:0;}
/* --- shopping cart --- */
.compareResult{ font-size:12px; line-height:16px;text-transform: uppercase; position:relative;}
.cart{ line-height:14px; float:left; position:relative; }
.cart .st1{text-transform: uppercase; font-size:14px;  font-weight:100;}
/* --- currencies --- */
#currencies-block-top { margin-left:10px;
}
#currencies-block-top .lbl{
  font-weight: 400; color:#000;font-family:Roboto;
  font-size: 12px;
  line-height:30px; width:50px;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}
.lbl i{ position:absolute; right:5px; top:2px; color:#000; }
#currencies-block-top .dropdown-menu {
  position: absolute;
  top: 30px; right:0;
  width:50px!important;
  background:#222; line-height:28px;
  z-index: 1111;
  list-style: none; padding:0;
  border-radius: 0px;
  border: none;
}
#currencies-block-top ul.dropdown-menu li.selected,
#currencies-block-top ul.dropdown-menu li a:hover{
  background:#B1071A;
}
#currencies-block-top ul.dropdown-menu li{
  color: white; width:100%; margin:0;
  line-height: 28px;
  font-size: 12px;
  padding: 2px 0;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}
#currencies-block-top ul.dropdown-menu .current_cur {
  background: #222;
}


#currencies-block-top ul li a,
#currencies-block-top ul li > span {
  padding: 2px 8px;
  font-family: Arial, sans-serif;
  display: block;
  color: white !important;
  background-image: none !important;
 
}
#currencies-block-top .dropdown-menu li{height:28px!important;}
.trigger_down {
  display: block;
  cursor: pointer;
  border: none;
  padding: 0;
  text-transform: capitalize;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}
.trigger_down:hover {
  color: #000;
}
.cateh3{text-transform: uppercase;border-bottom:3px solid #2A2633;font-family:Roboto; position:relative; background:#fff; margin-top:10px;
    color: #000; margin-bottom:30px;
    display: block;
    font-size: 20px;
    line-height: inherit; line-height:20px;  font-weight: 400; height:20px; text-align: center;
    text-transform: uppercase;}
.cateh5{font-size:20px; background:#fff; line-height:20px; padding:5px; float: left;border:1px solid #2A2633;}
.cateh4 { font-size:22px; background:#222; line-height:22px; padding:5px; float: right; color:#fff; }

.cateh4 i{ color:#fff;}
/* --- product --- */
.product-col{position: relative; margin:6px 0; overflow:hidden; background:#fff;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.157);} 
.product-col:hover .productPriceDiscount { top: 0px; background-color:#B1071A;}
.product-col:hover .productPriceDiscount:after {color:#B1071A;}
.tie-margin1{ margin:-4px;}
.product-col .price{ color:#CD2201; font-size:16px;height:30px;font-weight: normal;border-top: 1px solid #f5f6f8; margin-top:3px;  padding:5px 10px;}
.product-col img{display: block; width:100%;height:inherit;  }

.product-col .prod-info{  height: auto; padding-bottom:5px; background:#fff; padding:10px; }

.product-col .zenzc{ width:100%;height:0;verflow: hidden;}
.product-col h3{  font-size:12px; line-height:18px;  color:#111; font-weight:500; text-transform: capitalize; height:36px; overflow:hidden;font-family:Roboto;}
.product-col .text{ padding:0 0 0 0;}
.product-col .icon-heart{ color:#121313;}
.product-col .normalprice{color:#888; font-size:16px; font-weight:normal;line-height:24px;}
.product-col .productSpecialPrice{ font-size:16px;line-height:24px;}
.product-col .productSalePrice{font-size:16px;line-height:24px;}
.product-col .freesp{ position:absolute; left:5px; top:10px; color:#5cb85c;text-transform: uppercase; font-style:italic;}
.product-col .freesp i{ margin-right:5px;}
.product-col .button1{position: absolute; top:0px; right:0px; }
.product-col .cateh3{position: absolute; top:0px; left:0px; text-align:left;   padding:4px;border:1px solid #121313;}
.icon-star{ color:#B1071A;}
.icon-star1{ color:#999;}
.product-col .compare{position: absolute; top:5px; right:5px; line-height:22px;  }
.product-col .compare i{ font-size:12px; color:#B1071A;line-height:24px;}
.product-col .button4 { width:36px; margin:5px 10px; position:absolute; display:none; top:20px; right:0px;}
.product-col .inlike a{ color:#000;}
.product-col .inlike{  font-size:16px; margin-bottom:4px;background:#fff;color:#000;  width:36px; text-align:center; line-height:36px; float:left;}
.product-col .inlike:hover{ background:#222;color:#fff;}
.ressvv{float:right;line-height:22px;}
.product-col .datae{ padding:5px; background:url(../images/namebg.png); color:#222;}
.product-col .datae i{ font-size:18px; color:#B1071A; margin-right:5px;}
.product-col .reviews{border-left:1px solid #eee;}
.product-col .remove{  z-index:5; position: absolute; bottom:5px; right:5px;
    font-size: 20px;
    margin-right: 2px; color:#222;
    text-transform: uppercase;}
.product-col .productPriceDiscount{  position: absolute;
  top: 5px;
  right: 0px;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
    background: #B1071A ;
padding:3px; width:35px; line-height:14px; font-size:12px;
  color: white;
  }

.product-col .productPriceDiscount:after {
  content: "\e606";
  position: absolute;
  bottom: -10px;
  font-size: 14px;
  left: 37%;
  display: inline-block;
  font-family: "iconfont";
  color: #B1071A ;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

/* --- product2 --- */
.product-col2{padding:10px;margin:5px 0;overflow:hidden;background:url(../images/revie.jpg); text-align:
center;}
.product-col2 .zenzc{ float:left; width:40%;}
.product-col2 .prod-info{color:#fff;font-size:14px;line-height:26px; text-align:center; float:right; width:59%;}
.product-col2 .prod-info a{color:#fff}
.product-col2 .prod-info i{margin-right:10px}
.product-col2 .img{width:150px;height:auto;}
.reds{background:#B1071A;}
.bluck{background:#111;}
.indexrevs img{border-radius:50%}
.product-col2 .name{font-size:16px;line-height:inherit;font-family:Roboto; text-transform:uppercase;}
.product-col2 .date-as{text-align:right}
/* --- product4 --- */
.product-col3{ background:#fff; position:relative; margin-top:5px; margin-bottom:10px; overflow:hidden;border: 1px solid #555;box-shadow:0 1px 4px #999}
.product-col3:hover{ box-shadow:0 1px 4px #000}
.product-col3 .zenzc img{ height: auto;  width:100%;}
.product-col3 .zenzc{ width:50%; height:60%; float:left;}
.product-col3 h2{ font-size:22px; font-weight:600; color:#000; line-height:28px; text-transform:uppercase;}
.product-col3 .prod-info{  padding:10px; position:absolute; top:0; left:50%;}
.product-col3 .more a{ backface-visibility: hidden;
    border: 2px solid #B1071A;
    color: #B1071A;
    display: inline-block;
    font-weight: 700;
    padding: 6px 20px;
    text-transform: uppercase;
}
.product-col3 .more a:hover{ border-color:#222; color:#222;}
.product-col4{background:#fff; margin-bottom:5px;overflow:hidden; position:relative;margin:5px 0;}
.product-col4 .zenzc{ width:100%;height:0;verflow: hidden;padding-bottom:145%;}
.product-col4 .zenzc img{ width:100%; height:auto;}
.product-col4 .prod-info{  padding:5px; position:absolute; bottom:0; background:#111; color:#999;}
.product-col4 .name a{ text-transform:uppercase; font-weight:800px;
    color: #fff;
    display: block;
    font-size: 14px; line-height:20px;
    }
.homeslider-description{ position:absolute; left:5%; top:0%; bottom:0; width:30%;  padding:15px;  font-family:Roboto; text-align:left; text-transform:uppercase;}
.homes1{float:left; color:#fff;}
.homes2 { backface-visibility: hidden;
    color: #B1071A;
    display: inline-block;
    font-weight: 700;
    padding: 3px 0;
    text-transform: uppercase;
}
	.product-col4 .netext a{ color:#999; line-height:18px; font-size:12px; }
.banners h2{ color:#222; font-size:22px; font-weight:100;text-transform: uppercase;font-family:Roboto;}
.banners{overflow: hidden; position:relative; margin-top:5px;}  
.banners img{cursor: pointer;transition: all 0.6s; width:100%; height:auto;}  
.banners img:hover{transform: scale(1.4);}  
.banners .label{ position:absolute;  bottom:10%; left:10%;text-align:left; right:10%;  padding:10px; background-color:#B1071A;opacity:.95;}
.icatlist a{ color:#222; font-size:12px; line-height:20px; }
.banners .bannert a{ backface-visibility: hidden;
    color: #000;
    display: inline-block; background:#fff;
    font-weight: 700;
    padding: 6px 20px;
    text-transform: uppercase;
}
.img-effect8:before{content:'';position:absolute;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;border:150px double rgba(255,255,255,0);overflow:hidden;width:100%;height:100%;top:0;left:0;}.img-effect8:hover:before{border:0px double rgba(255,255,255,0.7);-webkit-opacity:0;-moz-opacity:0;opacity:0;}

/* ============================= footer ====================== */

#footer{overflow:hidden;   position:relative; margin:10px 0;padding:20px 10px; background:#2A2633;font-family:Roboto;}
#footer li { font-size:14px; line-height:26px; color:#fff;}
#footer li a{ color:#fff;}
#footer .panel-heading a{ color:#fff;}                             
#footer .panel-heading{ font-size:16px; line-height:25px; color:#fff;text-transform: uppercase;}
#footer .panel-heading i{ margin-right:10px; line-height:30px; font-size:26px;}
.panel-heading .icon-moreunfold{ float:right;}
/* --- back to top --- */
.indexlink { border-top:1px solid #333;}
.socialhd{ line-height:60px;    border: 0 none;
    color: #000;
    font-size: 16px;
 }
 
.indexsoc a {  margin:0 0 0 5px;  float:left; }
.indexsoc a i{ font-size:30px;  color:#B1071A; line-height:36px; }
.indexsoc a i:hover{  color:#fff; color:#000;}
.indexsoc { position:absolute; bottom:5px; right:15px;  height:40px; z-index:9;}
.panel-erwei{ font-size:14px; color:#999; line-height:20px;}
.panel-erwei img{ margin-top:15px; width:120px; height:auto;}
.panel-body i{ font-size:16px; margin-right:10px; color:#999;}
/* --- copyright --- */
.copyright{color:#000;font-size:11px;overflow:hidden; line-height:30px; text-align:left; text-transform: uppercase; padding:5px;}
.payments{ float:right; }
.payments li{ float:right; margin:2px;}
.copyright a{ color:#B1071A; text-decoration:none;}
.copyright li{ float:right;}
.copyright a:hover{ color:#B1071A;}
/* --- product4 --- */

/* ============================= banners ====================== */
.banner2{ position:relative; overflow:hidden; margin-top:10px;}
.banner2 img{ width:100%; height:auto; float:right;}
.banner2 .homeslider-description{ position:absolute; left:2%; top:5%; width:55%; bottom:0; padding:5px;  font-family:sans-serif; text-align:left; text-transform:uppercase;}
.banner2 .homes1{float:left; color:#fff;font-family:Roboto; font-size:22px; line-height:30px;}
.banner2 .homes2{ backface-visibility: hidden; font-size:16px; line-height:20px;
    display: inline-block;
    text-transform: uppercase;
}
.indexgate{overflow:hidden; }
.bottomlinks { margin:0 -5px;
}
.box-static_content{text-align:center; color:#111; margin:10px 0; padding:2px 0;  overflow:hidden; border-bottom:3px solid #111;}
.box-static_content:hover{ border-color:#B1071A;color:#B1071A; }
.box-static_content i{text-align:center;font-size:50px;line-height:70px;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s; float:left; padding-left:2%;}
.box-static_content .content_text{display:inline-block;padding-left:25px}
.box-static_content .title_font {font-size:26px;font-family:'Roboto',sans-serif;text-align: center;text-transform:uppercase; line-height:33px;}
.box-static_content .content_text p{font-size:13px;text-align:left;margin-bottom:0}
.box-static_content .content_text p{font-size:13px;text-align:left;margin-bottom:0}

.bk-top-box { position: fixed; bottom: 50px;right: 10px;cursor: pointer; z-index:999; }
.bk-top-box i{ font-size:40px; line-height:40px; color:#000; margin-left:10px;}
.bk-top-box i:hover{color:#66AD2D;}
