@import url("border.css");
@import url("widget.css");
@import url("red/color.css");

/*在这里可以设置前台的颜色皮肤，目前此模板已经预设了四套颜色分案
@import url("red/color.css");
@import url("green/color.css");
@import url("blue/color.css");
@import url("black/color.css");
只要把上面四种颜色方案任意个替换第三行的就可以了
*/

@import url("pageFrame_rightMain.css");

/*在这里可以设置左右分栏，目前一共预设两种分栏方式
下面这个是主区域在右边，侧边栏在左面的布局
@import url("pageFrame_rightMain.css");
下面这个是主区域在左边，侧边栏在右面的布局
@import url("pageFrame_leftMain.css");


*/




body {font-family: "Arial";font-size: 12px;color: #666666;line-height: 180%;}
a{color:#464646;  text-decoration:none;}
a:hover{color:#000000;	text-decoration:underline;}

div.AllWrap{ margin:0 auto; width:950px}
div.AllWrapInside{ margin:0 auto; width:950px;  border-top:1px solid #eee;}



.headerInfo                { height:83px; position:relative}
	.headerInfo  .logo     { position:absolute; left:0; top:8px}
	.headerInfo  .topMenu  { position:absolute; right:0; top:5px;}
	.headerInfo  .topMenu a{ text-decoration:underline;}
	.headerInfo  .info     { background:url(header-zixun.gif) no-repeat; padding:16px 0 0 30px; height:40px;position:absolute; right:0; top:40px; }


.header                       {height:117px; position:relative}
	.header #menu             { height:42px; line-height:42px;}
	.header .headerSearchBar  { position:absolute; left:10px;top:42px; width:520px; height:42px;}
	.header .loginBar         { height:30px;left:555px;position:absolute;top:52px;width:220px;}
	.header .cartBar          { height:30px;left:808px;position:absolute;top:52px;width:125px;}
	.header .newsBar          {height:30px;left:0;margin-left:70px;position:absolute;top:91px; width:880px;}
			.newsBar .ArticleList ul li      { float:left; border-right:1px solid #ddd; padding:0 10px; line-height:18px;}
			.newsBar .ArticleList ul li img  { display:none}
	        .newsBar .more{color:#fff;border:1px solid #CCCCCC;line-height:18px;margin:0;padding:2px 6px;position:absolute;right:5px;top:0;}
			.newsBar .more a{color:#fff}

.mainTopArea{ padding:6px; border:1px solid #ccc; background:#fff}
.mainTopArea .topPush{ border:1px solid #ddd; padding:2px;}
.mainTopArea .topPush .price0{ display:none;}
.mainTopArea .topPush .itemsWrap{ line-height:18px; margin-right:2px;}
.mainTopArea .topTenTitle{height:23px; }
.mainTopArea .topTen{padding:0 0 0 21px}
.mainTopArea .topTen .GoodsList .itemsWrap{ line-height:1.8em;}
.mainTopArea .topTen .GoodsList h6{ font-weight:normal; margin: 4px 0 0 0;}
.mainTopArea .topTen .GoodsListWrap{ text-align:left; padding:0}

.MainBorder                     { margin-top:10px; position:relative}
.MainBorder .addInfo            { position:absolute; top:3px; right:10px}
			.addInfo .ArticleList ul li      { float:left; border-right:1px solid #ddd; padding:0 10px; line-height:18px;}
			.addInfo .ArticleList ul li img  { display:none}
.MainBorder .top                { height:27px;}
.MainBorder .bottom             { background:url(maingoodsborder-bottom.gif) no-repeat; height:14px;}
.MainBorder .body               { background:url(maingoodsborder-bg.gif); padding:10px 10px 0 10px }
.MainBorder .body .bannerArea   { width:187px; height:251px; float:left; margin-right:10px; border:1px solid #ccc;}
.MainBorder .body .goodsArea    { float:left; }


#Foot{ background:#fff url(footbg.gif) repeat-x; margin-top:10px; width:980px;height:220px; }
.footArticle{ margin-top:10px;}
.footPicInfo{padding:10px; text-align:center; border-bottom:1px solid #ccc;}
.footPicInfo .AdvBanner{ display:inline; margin-right:10px;}


.GoodsSearchWrap .items-gallery .goodpic a {
border:none;
}



.zi { 
font-size:12px; color:#993333;
}
#play IMG { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; 
BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px 
} 
#play { width: 517px } 
#play_text { WIDTH: 365px; HEIGHT: 30px;float:right; } 
#play_text UL { DISPLAY: block; FILTER: Alpha(Opacity=80); 
PADDING-TOP: 1px; LIST-STYLE-TYPE: none; _padding-top: 0px;
opacity: 0.8;FLOAT: right;margin-top:3px; } 
#play_text UL LI { DISPLAY: block; FONT-SIZE: 9px; padding-top: 3px; FLOAT: left; MARGIN: 2px; WIDTH: 15px; CURSOR: pointer; COLOR: #7F0019; FONT-FAMILY: "Arial"; HEIGHT: 15px; BACKGROUND-COLOR: #fff; BORDER: 1px solid #CECECE; TEXT-ALIGN: center !important; *text-indent: 3px } 
#play_list A { DISPLAY: block; OVERFLOW: hidden; } 
#play_list img { vertical-align:top !important; }
.nav {width:950px; height:30px;text-align:left;background:#999999; overflow:hidden}
.navbg  { float:left}
.nav1 { width:950px; float:left}
.nav1 a {height:34px;display:block; text-align:center; float:left; text-decoration: none; color: #fff;line-height:29px; letter-spacing:1px; width:88px !important;width:87px; border-right:1px solid #ffffff; font-weight:700}
.nav1 a:hover,.nav1 a:active {text-decoration:underline;background:#770000;}
.nav1 a:visited,.nav1 a:link  {color: #fff}
.nav1 a.highlight { color: #fff;font-size:12px; font-weight:700; background:#770000;border-right:1px solid #ffffff;width:88px;}
.menu_right { float:right}</style>

.bigon{background:url(red_bg.gif);color:#FFF; line-height:15px;}
.bigoff{background:url(white_bg.gif);color:#000; line-height:15px;}


/* 自定义放大 */
.MagicZoomBigImageCont {
	border:			1px solid #91b817;
}

.MagicZoomMain {
	text-align: center !important;
	width: 92px;
}

.MagicZoomMain div {
	padding: 0px !important;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}

.img { border-width: 0px; }  


.style2 {
	font-size: 10px;
	font-weight: bold;
}
.style3 {font-size: 14px}
.ziti { color:#FFFFFF;}