@charset "utf-8";


@media (max-width: 959px) {
	.header-menu .navSearch .navColumn {display:none; color:#fff; padding:0px 30px 20px 30px; position:relative;}
.header-menu .navSearch .navColumn span { position:absolute; top:-2px; right:15px; display:block; width:26px; height:26px; overflow:hidden; text-indent:-99999px; background:url(../images/btn_img.png) no-repeat -92px 6px; cursor:pointer;}
.header-menu .navSearch .navColumn span:hover {background-position:-143px 6px;}
.header-menu .nav-menu {z-index:11;}
.header-menu .nav-menu li{float:left; position:relative;}
.header-menu .nav-menu li a.title{display:inline-block;height:54px;line-height:34px; padding:0 28px;color:#424242;-webkit-backface-visibility: hidden;margin:0 2px; font-weight:bold;} 
.header-menu .header-toggle .toggle-nav{ display:block; background:url(../images/small_menu.png) no-repeat 0px 0px; width:30px; height:30px; float:right;}


.listbox .wh1{width:73%;}

.listbox .wh3{width:100%;}
.wh1 a{ color:#a6aeb1; padding:2px 0px; display:block; font-size:12px; padding-left:5px;}
.wh1 a:hover{ color:#FFF}




	.header-menu .topNav{display:none;}
	.header-menu .navSearch{ width:400px; height:100%; overflow:auto; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; position:fixed;top:0px;right:0; background:#2f3337;padding:15px 0; margin-top:0; z-index:99999}
	.header-menu .navSearch.hidden{right:-100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; }
	.header-menu .navSearch .navColumn {display:block;}
	.header-menu .navSearch .topSellers {display:block;}
 	.header-menu .nav-menu {float:none;}
	.header-menu .nav-menu li{ float:none; background:none;border-bottom:1px solid #272b2e;}
	.header-menu .nav-menu li a.title{ display:block; line-height:40px;height:40px;border:none;color:#fff;margin:0 20px; font-weight:normal; background:url(../images/nav_arrow.png) no-repeat right center; font-size:15px} 
	.header-menu .nav-menu li.serach-mb{ display:block; line-height:40px;height:30px;border:none;color:#fff;margin:0 28px 0px 48px; font-weight:normal; font-size:12px; background:#fff; border-radius:4px; padding-left:4px} 
	.header-menu .nav-menu li.serach-mb input[type="text"]{ width:80%; height:27px !important; border:0px; padding-top:-2px !important; padding-left:10px !important}
	.header-menu .nav-menu li.serach-mb input[type="image"]{ padding-top:8px; padding-right:10px; padding-bottom:3px}
	.header-menu .nav-menu li:hover a.title{ border:none; color:#fff; height:40px;font-weight:normal;}
	/*.header-menu .nav-menu li:last-child  a.title{ background:#2680c0;width:auto; border-radius:5px;margin-bottom:10px; border:none; margin-top:10px}
	.header-menu .nav-menu li:last-child:hover a.title{color:#fff !important;background:#0f7ac6;}*/

	.header-menu .header-toggle{display:inherit;}
	.wh3{ text-align:left}
	.show_drop{ display:block !important}
	.wh1 .wh3{ padding-left:40px}

}

@media only screen and (max-width: 767px) {
	.header-menu .navSearch{ width:100%;}
	.logo{ padding-top:30px}
	.logo img{ max-width:90%;}
	.header-menu{ margin-top:9px}
	.number .img2{ display:none}
	.nav-menu li:nth-child(2){ padding:7px 0px}
	.nav-menu li a img{ margin-right:10px}
	
}
