@import url("common.css");

/*   main  */
#main{ 
	width:950px; margin:5px auto;
}

.fontDate {
	font-weight: bold;
	color: #ff4800;
	font-family:Verdana;
}
.font11L {
	font-size: 85%;
}

/*导航*/
.h1Area 
{
	position: relative;
	padding-bottom: 3px;
	margin-top: 1px;
	margin-bottom:10px;
	background: url(/images/h1_btm.gif) repeat-x left bottom;
}
* html #main .h1Area {
	position: static;
	padding-bottom: 3px;
	margin-top: 1px;
	background: url(/images/h1_btm.gif) repeat-x left bottom;
	width: 100%;
}
.h1deco {
	padding: 1px;
	border: 1px solid #CCCCCC;
}
* html #main .h1bg {
	padding: 2px 0px 4px 0px;
	width: 100%;
}
.h1bg {
	padding: 2px 2px 4px;
	background: url(/images/h1bg.gif) repeat-x left top;
	height:20px;
}
.h1bg h1
{
    padding-left:6px;
    float:left;
    font-size:100%;
    position:relative;
}
.h1bg h1 a
{
    font-size: 14px;
	font-weight: bold;
    line-height:20px;
}
.h1bg h1 span
{
    position: absolute;
	left: 10px;
	top: 2px;
	width: 17px;
	height: 17px;
	display: block;
	background: url(/images/nav1.gif) no-repeat left top;
}
.h1Area img {
	position: absolute;
	top: 9px;
	right: 5px;
	display: block;
}
* html #main .h1Area img {
	float: right;
	position: static;
	padding-top:3px;
}

.h1Area img.iconAd {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 20px;
	display: block;
}
* html #main .h1Area img.iconAd {
	height: 20px;
	float: right;
	position: static;
}

.h1Area:after,
.h1bg:after{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

#main_content
{
    clear:both;
    margin:0px 0px 0px 0px;
    width:950px;
}

#main_content .content_l
{
    width:210px;
    float:left;
}
#main_content .content_r
{
    width:725px;
    float:right;
}
.newest {
	width: 210px;
	margin:0px;
	padding:0px;
}
span.icon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 45px;
	height: 30px;
	display: block;
}
.newest h3.news span.icon {
	background: url(/images/h3_icon_news.gif) no-repeat left top;
}
.boxA .h3box .more
{
    /*padding:0px 5px 0px 45px;*/
} 
#main .newest .boxA .h3box 
{
    padding: 10px 10px 0px 0px;
	width: 210px;
	height: 30px;
	background: url(/images/box_a_h3_210.gif) no-repeat left top;

	width: 210px;
	position:relative;
	font-size:14px;
}
#main .newest .boxA 
{
	width: 210px;
	background: url(/images/box_a_bg_210.gif) repeat-y left top;
}
#main .newest .boxA .boxBtm {
	background: url(/images/box_a_btm_210.gif) no-repeat left bottom;
}

#main .boxIn {
	padding: 0px 8px 10px 10px;
}

.h3box h3 {
	font-size: 100%;
	font-weight: bold;
}

#main .boxA .pr_border{
    line-height:1px;
    height:1px;
    font-size:1px;
    border-bottom:1px solid #cbcbcb;
    overflow:hidden;
    margin:0 8px 3px 7px;
}

#main ul.listTypeA {
	padding: 0px;
	margin: 0px;
}

#main ul.listTypeA{height:auto;}
#main ul.listTypeA{min-height:/**/1px;}
#main ul.listTypeA{_height:/**/1px;}

#main ul.listTypeA li {
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	margin: 0px 0px 2px;
	padding: 0px 0px 2px;
}
#main ul.listTypeA li a
{
    color:#0000dd;
}
:root #main ul.listTypeA li {
	margin: 0px 0px 3px;
	padding: 0px 0px 3px;
}

#main ul.listTypeA li.end {
	padding: 0px;
	margin: 0px;
	border-bottom-style: none;
}

/*人气商品*/
#pro_popular {
	float: left;
	width: 210px;
	margin:10px 0px 0px 0px;
}

#pro_popular h2 {
	padding-bottom: 8px;
	font-size: 14px;
	background: url(/images/menu_bar_line.gif) no-repeat left bottom;
	position:relative;
}

#pro_popular span.icon {
	background: url(/images/h3_icon_popular.gif) no-repeat left top; top:-14px; left:3px;
}

#pro_popular .menuBoxBtm {
	width: 210px;
	padding-bottom: 10px;
	background: url(/images/menu_box01_btm.gif) no-repeat left bottom;
	margin-bottom: 0px;
	float:left;
}
	
#pro_popular .menuBox01 {
	width: 210px;
	padding: 10px 8px 0px;
	background: #eeeeee url(/images/menu_box01_top.gif) no-repeat left top;
		 voice-family: "\"}\"";
		 voice-family:inherit;
		 width: 194px;
		 float:left;
}
#pro_popular .menuBox01 li{
	margin-top: 5px;
	font-size: 107%;
	line-height: 120%;
	list-style: none;
	width: 170px;
	background:url(/images/arrow_menu_02.gif) left top no-repeat;
	padding-left:16px;
	border-bottom:1px dashed #cbcbcb;
	float:left;
}
#pro_popular .menuBox01 li a {
	width: 178px;
	display: block;
	margin: 0px;
	padding: 0px;
	color:#0000dd;
}
#pro_popular .menuBox01 li span,
#pro_popular .menuBox01 li.subTitle span {
	font-size: 85%;
	font-weight: bold;
	padding-left:3px;
}
#pro_popular .menuBox01 li a:link span,
#pro_popular .menuBox01 li a:visited span,
#pro_popular .menuBox01 li a:hover span {
	color: #ff4800;
}
#pro_popular .menuBox01 li.subTitle {
	padding:0 0 5px 0;
	margin-top: 10px;
	font-weight: bold;
	color: #666666;
	background: url(/images/dotline01.gif) repeat-x left bottom;
	width:184px;
}

/*顾客留言*/
#user_comment {
	float: left;
	width: 210px;
	margin:10px 0px 0px 0px;
}

#user_comment span.icon {
	background: url(/images/h3_icon_comment.gif) no-repeat left top; top:-10px; left:3px;
}

#user_comment h2 {
	padding-bottom: 8px;
	font-size: 14px;
	position:relative;
}
#user_comment h2 {
	background: url(/images/menu_bar_line.gif) no-repeat left bottom;
}
#user_comment .menuBoxBtm {
	width: 210px;
	padding-bottom: 10px;
	background: url(/images/menu_box01_btm.gif) no-repeat left bottom;
	margin-bottom: 0px;
}
	
#user_comment .menuBox01 {
	width: 210px;
	padding: 10px 8px 0px;
	background: #eeeeee url(/images/menu_box01_top.gif) no-repeat left top;
		 voice-family: "\"}\"";
		 voice-family:inherit;
		 width: 194px;
}
#user_comment .menuBox01 li{
	margin-top: 5px;
	font-size: 107%;
	line-height: 120%;
	list-style: none;
	width: 178px;
	background:url(/images/arrow_menu.gif) left top no-repeat;
	padding-left:6px;
}
#user_comment .menuBox01 li a {
	width: 178px;
	display: block;
	margin: 0px;
	padding: 0px;
	color:#0000dd;
}
#user_comment .menuBox01 li span,
#user_comment .menuBox01 li.subTitle span {
	font-size: 85%;
	font-weight: normal;
}
#user_comment .menuBox01 li a:link span,
#user_comment .menuBox01 li a:visited span,
#user_comment .menuBox01 li a:hover span {
	color: #333333;
}
#user_comment .menuBox01 li.subTitle {
	padding:0 0 5px 0;
	margin-top: 10px;
	font-weight: bold;
	color: #666666;
	background: url(/images/dotline01.gif) repeat-x left bottom;
	width:184px;
}

/*search box*/
.searchBox{
	padding:0px;color:#fff;background:#ffffff url(/images/search_bar2.gif) no-repeat 0 0px; height: 56px; width:725px; float:left; clear:both; margin-bottom:10px;
}
.searchBox .searchBox_l
{
	width:689px;
	float:left;
}
.searchBox_l .searchBox_l_1, .searchBox_l .searchBox_l_2
{
	float:left;
	clear:both;
}
.searchBox_l .searchBox_l_1
{
	padding:10px 5px 0px 20px;
}
.searchBox_l .searchBox_l_2
{
	padding:3px 0px 0px 25px;
	width:689px;
}
.hint
{
     height:18px; width:429px;
}
.intelligent
{
	width:429px;
	float:left;
}
.searchBox .searchBox_r
{
	width:10px;
	float:left;
}
.searchBox #searchIntelligent
{
	float:left
}
.searchBox_r
{
	line-height:56px;
	text-align:center;
}
.searchBox_r a:link,.searchBox_r a:visited {color:#ffffff;}

/*gray box*/
.skin-gray .hd {
	BACKGROUND: url(/images/gray.gif) no-repeat
}
.skin-gray .hd H4 {
	BACKGROUND: url(/images/gray.gif) no-repeat
}
.skin-gray .rc-tp {
	BACKGROUND: url(/images/gray.gif) no-repeat
}
.skin-gray .rc-tp SPAN {
	BACKGROUND: url(/images/gray.gif) no-repeat
}
.skin-gray .rc-bt {
	BACKGROUND: url(/images/gray.gif) no-repeat
}
.skin-gray .rc-bt SPAN {
	BACKGROUND: url(/images/gray.gif) no-repeat
}
.skin-gray .hd {
	BORDER-RIGHT: #e4e4e4 1px solid; BORDER-TOP: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid
}
.skin-gray .bd {
	BORDER-RIGHT: #e4e4e4 1px solid; BORDER-TOP: #e4e4e4 1px solid; BORDER-LEFT: #e4e4e4 1px solid; BORDER-BOTTOM: #e4e4e4 1px solid
}
.box .hd {
	BORDER-BOTTOM-STYLE: none; BACKGROUND-REPEAT: repeat-x
}
.box .rc-tp {
	FLOAT: left
}
.box .rc-tp {
	POSITION: relative; WIDTH: 100%; DISPLAY: block; HEIGHT: 4px
}
.box .rc-bt {
	POSITION: relative; WIDTH: 100%; DISPLAY: block; HEIGHT: 4px
}
.box .rc-tp SPAN {
	WIDTH: 4px; FLOAT: right; HEIGHT: 4px
}
.box .rc-bt SPAN {
	WIDTH: 4px; FLOAT: right; HEIGHT: 4px
}
.box .hd H4 {
	BACKGROUND-POSITION: 0px -36px; FONT-SIZE: 14px
}
.box .rc-tp {
	BACKGROUND-POSITION: -76px -28px; MARGIN-BOTTOM: -4px
}
.box .rc-tp SPAN {
	BACKGROUND-POSITION: 0px -28px
}
.box .rc-bt {
	MARGIN-TOP: -4px; BACKGROUND-POSITION: -76px -32px
}
.box .rc-bt SPAN {
	BACKGROUND-POSITION: 0px -32px
}
.box {
	POSITION: relative; MARGIN-BOTTOM: 10px
}
.box .hd {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 28px; PADDING-TOP: 0px
}
.box .hd H4 {
	PADDING-BOTTOM: 0px; MARGIN: 6px 0px 0px 10px; PADDING-LEFT: 8px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.box .bd {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; PADDING-TOP: 2px
}
.box .ft .act {
	POSITION: absolute; TOP: 8px; RIGHT: 5px
}

.box {
	_zoom: 1
}
.box .rc-tp {
	_overflow: hidden
}
.box .rc-bt {
	_overflow: hidden
}

.bd A:link {
	COLOR: #404040; TEXT-DECORATION: none
}
.box A:visited {
	COLOR: #404040; TEXT-DECORATION: none
}
.bd A:hover {
	COLOR: #f60; TEXT-DECORATION: underline
}
.box A:active {
	COLOR: #f60; TEXT-DECORATION: underline
}

/*category list*/
.category H5 A:link {
	COLOR: #36c
}
.category H5 A:visited {
	COLOR: #36c
}
.category H5 A:hover {
	COLOR: #f60; TEXT-DECORATION: underline
}
.category H5 A:active {
	COLOR: #f60; TEXT-DECORATION: underline
}
.product-pic-nav {
	WIDTH: auto; CLEAR: both; 
}
.product-pic-nav .bd {
	PADDING-BOTTOM: 9px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; OVERFLOW: hidden; PADDING-TOP: 0px; width:715px; /*fusw*/
}
.product-pic-nav .category {
	PADDING-BOTTOM: 6px; MARGIN: -1px 20px 0px 0px; PADDING-LEFT: 0px; WIDTH: 335px; PADDING-RIGHT: 0px; FLOAT: left; BORDER-TOP: #ccc 1px dashed; PADDING-TOP: 6px
}
.product-pic-nav .category H5 {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 16px; MARGIN: 0px 0px 7px 90px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; HEIGHT: 16px; COLOR: #36c; FONT-SIZE: 14px; FONT-WEIGHT: 700; PADDING-TOP: 0px
}
.product-pic-nav .category .pic {
	PADDING-BOTTOM: 5px; MARGIN: -20px 0px 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FLOAT: left; PADDING-TOP: 0px
}
.product-pic-nav .category UL {
	OVERFLOW: hidden;
	height:80px;
}
.product-pic-nav .bd .category LI {
	LINE-HEIGHT: 14px; MARGIN: 0px 0px 0px -5px; FLOAT: left; HEIGHT: 18px
}
.product-pic-nav .bd .category LI A {
	BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 13px; DISPLAY: block; WHITE-SPACE: nowrap; PADDING-TOP: 0px
}
.product-pic-nav .ft {
	CLEAR: both
}
.product-pic-nav .bd {
	_float: left
}
.product-pic-nav .category {
	_padding: 6px 1px; _margin-right: 12px
}

HTML .product-pic-nav .bd .category LI {
	MARGIN-LEFT: -6px
}

/*product*/
.product {
	WIDTH: auto; CLEAR: both; 
}
.product .bd {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 2px
}
.product .bd UL {
	ZOOM: 1; OVERFLOW: hidden; text-align:center;
}
.product .bd LI {
	TEXT-ALIGN: center; PADDING-BOTTOM: 4px; LINE-HEIGHT: 14px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 2px
}
.product .bd LI A {
	WIDTH: 103px; DISPLAY: block; float:left
}
.product .bd LI SPAN {
	MARGIN: 0px auto; WIDTH: 80px; DISPLAY: block
}
.product .bd LI .title {
	CURSOR: pointer
}
.product .bd LI STRONG {
	COLOR: #de0000
}
.product .bd LI A:hover {
	TEXT-DECORATION: none
}
.product .bd LI A:hover SPAN {
	TEXT-DECORATION: underline
}
.product .bd LI .pic {
	MARGIN: 5px auto; DISPLAY: block
}