﻿@charset "utf-8";
/****************** topbar ******************/
.topbar {
	width: 100%;
	height: 38px;
	background: url(../images/top_bg.gif) repeat-x;
	font-size:12px;
	font-family:"Simsun";
}
.topbar .login {
	float: left;
	line-height: 36px;
	overflow: hidden;
}
.top_r_menu {
	float: right;
}
.top_r_menu li {
	float: left;
	width: 70px;
	text-align: center;
	margin-top: 12px;
}
.top_r_menu .line {
	width: 2px;
	background: url(../images/top_line.gif) no-repeat;
	height: 13px;
}
/****************** logo&search ******************/
.header-bg { width:100%; background:/*#4e4e4e*/#fff;}
.header {
	padding-top: 19px;
        padding-bottom: 19px;
}
.header .logo {
	float: left;
	width: 236px;
}
.header .search {
	float: left;
	margin-left: 28px;
	margin-top: 10px;
}
.header .label {
	float: right;
}
.search .input_bg {
	background: url(../images/search_l.png) 10px 8px no-repeat;
	border: #d3d3d3 solid 2px;
	width: 405px;
	height: 34px;
	float: left;
}
.search .input_bg input {
	border: 0;
	border: none;
	outline: none;
	background: none;
	margin-left: 40px;
	margin-top: 8px;
	width: 340px;
	font-size:12px;
	font-family:"Simsun";
}
.search .search_but {
	float: left;
	margin-left: 10px;
}
.search .search_but input {
	background: url(../images/but_bg.png) no-repeat;
	width: 100px;
	height: 41px;
	border: 0;
	border: none;
	outline: none;
	font-family: 'Microsoft YaHei';
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
}
.label li {
	float: left;
	font-family: 'Microsoft YaHei';
	font-size: 16px;
	color: #cc2057;
	font-weight: 600;
	height: 40px;
	line-height: 20px;
	display: inline;
	padding-left: 45px;
	margin-left: 15px;
	margin-top: 10px;
}
.label .li1 {
	background: url(../images/ico_top.png) left top no-repeat;
}
.label .li2 {
	background: url(../images/ico_top.png) left -40px no-repeat;
}
.label .li3 {
	background: url(../images/ico_top.png) left -80px no-repeat;
}
.label li p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-transform: lowercase;
	margin: 0;
	padding: 0;
}
/****************** menu ******************/
.nav_bg {
	background: #2b2b2b;
	width: 100%;
	height: 36px;
}
.menu { position:relative; height:36px;}
.menu div { position:absolute; top:0px; height:36px; font-family:"Microsoft Yahei"; }
.menu .all-sort { left:0px; width:236px; height:44px; text-align:center; font-size:14px; background:url(../images/sp_bg.gif) no-repeat; margin-top:-8px; font-weight:700;}
.menu .all-sort a { color:#FFF; display:block; width:100%; height:100%; line-height:44px; }
.menu .nav { left:250px; }
.menu .nav ul li { float:left; width:85px; margin-left:5px;}
.menu .nav ul li a { display:block; width:100%; color:#FFF; text-align:center; font:700 14px "Microsoft Yahei"; height:36px;line-height:36px; }
.menu .nav ul li a:hover, .menu .nav ul li a.current { background:#c81a55; text-decoration:none; }

.wrap { width:1247px; margin:0px auto;}
.all-sort-list { position:relative; width:216px; border:1px solid #e1e1e1; border-top:none; padding:9px; background:#fff; z-index:99;}
.all-sort-list .item { height:41px; margin-bottom:10px;}
.all-sort-list .item.bo { border-top:none; } 
.all-sort-list .item .nav_title { height:36px; padding-top:5px;border-top:#fff solid 1px; border-bottom:#fff solid 1px; line-height:17px;font-size:12px; font-weight:normal; width:176px; padding-left:40px; overflow:hidden;}
.all-sort-list .hover .nav_title { position:relative;padding-top:5px;z-index:13; height:36px;border-top:#ddd solid 1px; border-bottom:#ddd solid 1px;}
.all-sort-list .item .m1 { background:url(../images/m_bg1.gif) 0 -36px no-repeat;}
.all-sort-list .hover .m1 { background:url(../images/m_bg1.gif) 0 0 no-repeat #fff;}
.all-sort-list .item .m2 { background:url(../images/m_bg11.gif) 0 -36px no-repeat;}
.all-sort-list .hover .m2 { background:url(../images/m_bg11.gif) 0 0 no-repeat #fff;}
.all-sort-list .item .m3 { background:url(../images/m_bg3.gif) 0 -36px no-repeat;}
.all-sort-list .hover .m3 { background:url(../images/m_bg3.gif) 0 0 no-repeat #fff;}
.all-sort-list .item .m4 { background:url(../images/m_bg7.gif) 0 -36px no-repeat;}
.all-sort-list .hover .m4 { background:url(../images/m_bg7.gif) 0 0 no-repeat #fff;}
.all-sort-list .item .m5 { background:url(../images/m_bg9.gif) 0 -36px no-repeat;}
.all-sort-list .hover .m5 { background:url(../images/m_bg9.gif) 0 0 no-repeat #fff;}
.all-sort-list .item .m6 { background:url(../images/m_bg6.gif) 0 -36px no-repeat;}
.all-sort-list .hover .m6 { background:url(../images/m_bg6.gif) 0 0 no-repeat #fff;}
.all-sort-list .item .m7 { background:url(../images/m_bg5.gif) 0 -36px no-repeat;}
.all-sort-list .hover .m7 { background:url(../images/m_bg5.gif) 0 0 no-repeat #fff;}
.all-sort-list .item .m8 { background:url(../images/m_bg2.gif) 0 -36px no-repeat;}
.all-sort-list .hover .m8 { background:url(../images/m_bg2.gif) 0 0 no-repeat #fff;}
.all-sort-list .item .m9 { background:url(../images/m_bg10.gif) 0 -36px no-repeat;}
.all-sort-list .hover .m9 { background:url(../images/m_bg10.gif) 0 0 no-repeat #fff;}
.all-sort-list .item .m10 { background:url(../images/m_bg4.gif) 0 -36px no-repeat;}
.all-sort-list .hover .m10 { background:url(../images/m_bg4.gif) 0 0 no-repeat #fff;}
.all-sort-list .item .m11 { background:url(../images/m_bg8.gif) 0 -36px no-repeat;}
.all-sort-list .hover .m11 { background:url(../images/m_bg8.gif) 0 0 no-repeat #fff;}
.all-sort-list .item a { color:#717171; text-decoration:none;}
.all-sort-list .item a:hover { color:#c81a55;text-decoration:underline; }
.all-sort-list .item-list { 
	display:none;
	position:absolute;
	width:705px;
	min-height:200px;
	_height:200px;
	background:#FFF;
	left:224px;
	box-shadow:0px 0px 10px #DDDDDD;
	border:1px solid #DDD;
	top:3px;
	z-index:10;
}
.item-list .subitem { float:left; width:477px; padding:0px 4px 0px 8px; font-size:12px; font-family:"Simsun";}
.item-list .subitem dl { border-top:1px solid #EEE; padding:6px 0px; overflow:hidden; zoom:1; }
.item-list .subitem .fore1 { border-top:none; }
.item-list .subitem dt { float:left; width:54px; line-height:22px; text-align:right; padding:3px 6px 0px 0px; font-weight:700; color:#E4393C; }
.item-list .subitem dt a { color:#E4393C; text-decoration:none; }
.item-list .subitem dd { float:left; width:415px; padding:3px 0px 0px; overflow:hidden; }
.item-list .subitem dd b { float:left; height:14px; line-height:14px; padding:0px 8px; margin-top:5px; border-left:1px solid #CCC; font-weight:normal; }
.item-list .subitem dd b a, .item-list .cat-right dd a { color:#666; text-decoration:none; }
.item-list .subitem dd b a:hover, .item-list .cat-right dd a:hover { font-weight:normal; text-decoration:underline; }
.item-list .cat-right { float:right; width:210px; font-size:12px; font-family:"Simsun";}
.item-list .cat-right dl { width:194px; padding:6px 8px; }
.item-list .cat-right dd { padding-top:6px; line-height:22px; overflow:hidden; padding:3px 0px 0px; }
.item-list .cat-right dt { padding:3px 6px 0px 0px; font-weight:700; color:#E4393C;  }
.item-list .cat-right dd a:hover { color:#666; }

/****************** banner ******************/
.banner { width:1010px; float:right; margin-top:1px; position:relative;}
.list{height:528px;}
.slide_screen{width:1010px;margin:0 auto;overflow:hidden;zoom:1}
.slide_screen li{float:left;overflow:hidden;position:relative;}
.slide_screen li.liA{width:1010px;height:578px;}
.slide_screen li.liB, .slide_screen li.liC, .slide_screen li.liD{width:255px;height:192px; margin-left:1px;}
.slide_screen li.liA .window{width:2020px}
.slide_screen li.liB .window,.slide_screen li.liC .window, .slide_screen li.liD .window{width:510px}
.slide_screen li img{display:block}
.slide_screen li .piece{float:left;position:relative;overflow:hidden;zoom:1}
.slide_screen li.liA,.slide_screen li.liA .piece,.slide_screen li.liA img{width:1010px;height:578px}
.slide_screen li.liB,.slide_screen li.liB .piece,.slide_screen li.liB img{width:255px;height:192px}
.slide_screen li.liB,.slide_screen li.liB .piece,.slide_screen li.liC img{width:255px;height:192px}
.slide_screen li.liD,.slide_screen li.liD .piece,.slide_screen li.liD img{width:255px;height:192px;margin-right:0}
.slide_screen li.liC{margin-bottom:1px; margin-top:1px;}
.libtn{width:100px;text-align:center;margin:10px auto 0; position:absolute; z-index:2; right:0px; bottom:10px;}
.libtn li{width:11px;height:11px;margin:0 2px;float: none;display:inline-block;*display:inline;zoom:1;overflow:hidden;cursor:pointer; background:#c81a55;}
.libtn li.selected{background:#fff;}

/****************** brand ******************/
.brand { margin-top:8px;}
.title .color_block { width:11px; height:38px; background:#c81a55; display:block; float:left;}
.title .bt {float:left; line-height:22px; font-family:'Microsoft Yahei'; font-size:14px; color:#1f1f1f; font-weight:700; margin-left:5px; margin-top:-5px; overflow:hidden;}
.title .bt b { font-family:"Times New Roman", Times, serif; font-size:30px; color:#c81a55; text-transform:uppercase; letter-spacing:-2px;}
/*选项卡1*/
#lib_Tab1{float:left; width:963px; border:#e1e1e1 solid 5px; padding:10px;}
/*选项卡2*/
#lib_Tab2{width:221px; margin:5px auto;}
/*选项卡3*/
#lib_Tab3{ width:998px; border:#ddd solid 1px; border-top:#666 solid 2px; position:relative; min-height:1000px;}
/*选项卡4*/
#lib_Tab4{}
/*菜单class*/
.lib_tabborder{}
.lib_Menubox {position:relative;}
.lib_float {float:right;height:40px;background:#e3e3e3; width:820px;}
.lib_news {height:35px;background:#e3e3e3; width:221px; overflow:hidden;}
.lib_Menubox ul{position:absolute; top:0px;right:10px;}
.lib_Menubox li{ margin-top:10px;float:left;display:block;cursor:pointer;width:80px;font-weight:bold;height:30px;line-height:30px; font-size:12px; color:#717171; text-align:center;font-family:'Microsoft Yahei';}
.lib_Menubox li.hover{color:#c81a55; background:#fff;}
.lib_Contentbox{clear:both;}
.logo_list {margin:15px 0px 3px 17px;;border-top:#d9d9d9 solid 1px; border-right:#d9d9d9 solid 0px;height: 136px;}
.logo_list li { float:left; border-bottom:#d9d9d9 solid 1px; border-left:#d9d9d9 solid 1px; display:inline;padding-right: 2px;}

.tab_list { height:35px; width:998px; background:#f7f7f7;}
.tab_list ul {position:absolute; top:-6px;left:0px;}
.tab_list li{float:left;display:block;cursor:pointer;width:120px;font-weight:bold;height:39px;line-height:39px; font-size:12px; color:#717171; text-align:center;font-family:'Microsoft Yahei';}
.tab_list li.hover{color:#c81a55; background:#fff; border-top:#c81a55 solid 2px;}

/****************** News ******************/
.news { width:231px; float:left; margin-left:13px;border:#e1e1e1 solid 5px; height:215px;*height:212px;}
.news .list { background:url(../images/num.gif) 0 4px no-repeat; margin-top:9px; margin-left:7px; height:150px;font-size:12px; font-family:"Simsun";}
.news .list li { height:22px; line-height:22px; padding-left:18px;}

/****************** Hot ******************/
.hot { margin-top:8px;}
.fg_bg { background:url(../images/fg_bg.gif) left 20px repeat-x; height:40px;}
.fg_bg .name {float:left; display:block; background:#fff; font-family:'Microsoft Yahei'; font-size:18px; color:#c81a55; font-weight:700; line-height:40px; padding-right:10px;}
.fg_bg .name b {font-family:"Times New Roman", Times, serif; color:#363636; letter-spacing:-1px; font-size:20px; text-transform:uppercase;}
.fg_bg .fl { float:right; font-size:12px; color:#232323;display:block; background:#fff;font-family:'Microsoft Yahei'; line-height:40px; padding-left:10px;}
.box{ width:1247px; margin:0 auto; padding:10px 0; position:relative; overflow:hidden; _height:100%;}
.picbox{ width:1143px; height:270px; overflow:hidden; position:relative; margin:0 auto;}
.piclist{ height:270px;position:absolute; left:0px; top:0px}
.piclist li{ margin-right:27px;float:left;}
.swaplist{ position:absolute; left:-3000px; top:0px;}
.og_prev,.og_next{ width:38px; height:87px; background:url(../images/r_arrow.gif) no-repeat; position:absolute; top:100px; z-index:99; cursor:pointer;filter:alpha(opacity=70);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";-moz-opacity:0.7;-khtml-opacity: 0.7;opacity:0.7;}
.og_prev{ background-position:0 -87px; left:0px;}
.og_next{ background-position:0 0; right:0px;}

/****************** 分销 ******************/
.fx { margin-top:8px;}
.fx .fx_list {border-top:#e2e2e2 solid 3px;border-right:#e2e2e2 solid 3px; width:1244px; margin:10px 0;height:186px;}
.fx .fx_list li { border-bottom:#e2e2e2 solid 3px;border-left:#e2e2e2 solid 3px; float:left; display:inline;width:174px;height:58px;}

/****************** 1F ******************/
.floor_1 { padding-top:10px;}
.floor_fg {background:url(../images/fg_bg.gif) left 20px repeat-x; height:40px; margin-bottom:10px;}
.floor_fg span { display:block; float:left; background:#fff;}
.floor_fg .white {background:#dcdcdc;}
.floor_fg .num { font-family:Arial, Helvetica, sans-serif; font-weight:bolder; color:#c81a55; font-size:50px; letter-spacing:-4px; line-height:40px; overflow:hidden;}
.floor_fg .name { font-family:'Microsoft Yahei'; font-size:18px; color:#444444; font-weight:600; line-height:22px; padding-left:10px; padding-right:10px;}
.floor_fg .name b { font-family:"Times New Roman", Times, serif; color:#c81a55; letter-spacing:-1px; font-size:18px; text-transform:uppercase;}
.floor_fg .fl { float:right; font-size:12px; color:#232323;font-family:'Microsoft Yahei'; line-height:40px; padding-left:10px;}
.list_one li { float:left; width:207px; display:inline; margin-right:1px; margin-top:1px;}
.list_one .no_dis { margin-right:0;}
.list_one li .buy_area {background:#ebebeb; padding:0 10px 10px 10px;}
.list_one li .buy_area p { line-height:30px; height:30px; overflow:hidden;text-align:center;font-size:12px;}
.list_one li .buy_area span { font-family:Verdana, Geneva, sans-serif; line-height:18px; color:#c81a55;font-size:12px;}
.list_one li .buy_area s {color:#717171;}
.list_one li .buy_area b { display:inline; background:#747474; text-align:center; color:#fff; font-weight:normal; font-family:'SimSun'; margin-right:10px;}
.list_one li .buy_area .sc { background:#c81a55;}
.list_one li .buy_area .buy { float:right; line-height:normal; margin-top:2px;}

/****************** 2F ******************/
.floor_bg { width:100%; background:#dcdcdc; margin-top:15px;}
.floor_2 { padding:15px 0;}
.floor_2 .left_theme { float:left; width:415px; height:427px; position:relative; background:url(../images/bottom_arrow.gif) bottom right no-repeat;}
.left_theme .up_arrow { position:absolute; background:url(../images/top_arrow.gif) 0 0 no-repeat; width:109px; height:96px; top:0; left:0;}
.left_theme .focus{width:371px;height:379px;padding:24px 0; margin:0 auto;}
.f371x379{width:371px;height:379px;overflow:hidden}
.f371x379 img{width:371px;height:379px}

.floor_2 .right_area { float:left; width:832px;}

/****************** FOOT ******************/
.footbg { background:#2b2b2b; width:100%; font-size:12px;font-family:'SimSun'; margin-top:15px;}
.foot { padding:10px 0; position:relative;}
.foot .code { position:absolute; right:0; top:20px;}
.foot .code p { height:23px; line-height:23px; margin-left:5px;}
.foot a { color:#959595; text-decoration:none;}
.foot a:hover { color:#fff; text-decoration:none;}
.foot .foot_menu li { float:left; margin-right:40px; margin-top:10px;}
.foot .foot_menu li div { background:#373737; width:137px; height:25px; line-height:25px; text-align:center; font-weight:bold; margin-bottom:5px;}
.foot .foot_menu li p { line-height:24px; height:24px; margin-left:45px;}
.foot .foot_infor { line-height:25px; text-align:center; margin-top:20px;}
.foot .foot_logo { text-align:center;}
.foot .foot_logo img { margin-top:20px; margin-right:40px;}
.foot .foot_infor span { font-family:Arial, Helvetica, sans-serif;}