@import url(default.css);


#category{  width:190px; margin-right:3px; border:1px solid #cccccc; margin-top:5px}
#category .line{  width:1px;}
#category .file{ width:195px;}
#category ul{ position:relative;}
.listtitle{ font-size:12px; font-weight:bold; color:#707070; margin-bottom:1px; margin-left:0px}
.listtitle a:link,.listtitle a:visited{ display:block; background:url(../images/index_cagttory_line.gif) no-repeat 7px 0px; width:200px; height:24px;  line-height:24px; padding-top:2px; text-indent:18px; color:#707070; text-decoration:none;}
.listfile{ line-height:24px; padding:0 3px 4px 12px; background:url(../images/hei_index/line2.gif) repeat-x 0 bottom; margin:0 4px;}
.listfile a:link,.listfile a:visited{ color:#666; text-decoration:none;}
.listfile a:hover{ color:#f60; text-decoration:underline;}
#category .brand{ z-index:10; position:absolute; top:0; left:181px; width:145px; padding:8px 18px 0px 15px; height:204px; background:url(../images/hei_index/brand_bg.gif) no-repeat;}
#category .brand h1{ background:url(../images/hei_index/index_81.gif) repeat-x; height:19px; line-height:19px; color:#404040; text-indent:15px; font-size:12px;}
#category .brand dd{ margin-top:7px; line-height:20px; color:#dadada;}
#category .brand dt{ padding-bottom:6px;}
#category .brand dt a{ float:right;}
#category .brand dt img{ float:right; margin:6px 0 0 4px;}

#notic{ background:url(../images/index_notic_border.gif) repeat-x; height:35px; line-height:32px; margin-top:5px;width:525px; float:left; margin-left:1px }
#notic .mid{  float:right; margin-right:3px}


#hot{ width:206px;margin:5px 0 0;background:url(../images/bghome3.png) no-repeat 0 160px; }
#hot h2{ margin:0; height:16px; padding:3px 0 0 10px;background:url(../images/bghome3.png) no-repeat 0 -83px;color:#333333; font-size:14px;}
#hot ul{border:1px solid #D4D4D4; border-width:0 1px;}
#hot #hotgoods{  padding:5px 10px 4px; border-bottom:1px dashed #D8D8D8; }
#hot #hotgoods li{ display:inline; margin:0 5px 0 0; font-size:14px;line-height:22px;}
#hot #hotgoods li span{ font-weight:bold;}
#hot #hotgoods li em{ color:#F60; font-style:normal;}
#hot #hotgoods li strong{ color:#009900; font-size:16px;}
#hot #hotgoods li a:hover span,#hot #hotgoods li a:hover em,#hot #hotgoods li a:hover strong{ color:#FF6600;}
#hot #hotareas{ height:112px; padding:3px 2px 2px 6px;background:#FFF;}
#hot #hotareas li{ display:inline; float:left;width:95px; height:33px;margin:4px 3px 0 0;background:url(../images/bghotareas2.png) no-repeat -1px -1px;}
#hot #hotareas li a{ display:block; width:51px; height:29px; line-height:29px; margin:1px 2px 2px 1px; padding:0 0 0 40px;color:#F60;background:url(../images/bghotareas2.png) no-repeat 0 -42px;}
#hot #hotareas li a#hot2{background-position:-100px -42px;}
#hot #hotareas li a#hot3{background-position:-100px -116px;}
#hot #hotareas li a#hot5{background-position:0 -79px;}
#hot #hotareas li a#hot6{background-position:-100px -79px;}
#hot #hotareas li a#hot10{background-position:0 -116px;}

#new{ margin-top:10px;}
#new .title{ background:url(../images/index_122.gif) repeat-x; height:37px;}
#new .title div{ float:left;}
#new .title .cpssy{ width:100px; height:37px;margin:0px; padding:0px; float:left; display:block;}
#new .title .cpssy a:link,#new .title .cpssy a:visited{ margin:0px; padding:0px;}
#new .title .cpssy a:hover,#new .title .cpssy a:active{ margin:0px; padding:0px;} 
#new .title a{ float:right; margin:14px 15px 0 0;}
#new ul{ margin-top:14px;}
#new ul li{ float:left; width:110px; line-height:20px; margin-right:40px;}
#new ul li a{ display:block;}
#new .price{ background:none; text-indent:0;color:#ff5700;}
#new .laster{ margin-right:0px;}
.blk_18 {
	WIDTH: 520px;
	height:220px;
	FONT-SIZE: 12px;
	OVERFLOW: hidden;
	ZOOM: 1;
	margin-top:5px;
	margin-left:3px;
	float:left
}
.blk_18 .pcont {FLOAT: left; OVERFLOW: hidden; WIDTH: 489px}
.blk_18 .ScrCont {WIDTH: 32766px; ZOOM: 1}
.blk_18 #List1_1 {FLOAT: left}
.blk_18 #List1_1 a{ margin-left:7px}
.blk_18 #List2_1 {FLOAT: left}
.blk_18 .LeftBotton {
	FLOAT: left;
	MARGIN: 10px 1px;
	WIDTH: 15px;
	HEIGHT: 72px;
	background-image: url(../images/200901172157020.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.blk_18 .RightBotton {
	FLOAT: left;
	MARGIN: 10px 1px;
	WIDTH: 15px;
	HEIGHT: 72px;
	background-image: url(../images/200901172157020.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.blk_18 .RightBotton {BACKGROUND-POSITION: 0px -100px; MARGIN-LEFT: -1px}
.blk_18 .RightBotton:hover {BACKGROUND-POSITION: -20px -100px}
.blk_18 .pl IMG {DISPLAY: block; MARGIN: 6px auto 1px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
.blk_18 .pl {
	FLOAT: left;
	WIDTH: 114px;
	LINE-HEIGHT: 24px;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	margin-left: 15px;
	border: 1px solid #f3f3f3;
	height:215px;
}

.blk_18 A.pl:hover {
	WIDTH: 114px;
BORDER-RIGHT: #ff9900 1px solid; height:215px; BORDER-TOP: #ff9900 1px solid; BACKGROUND: #fff; BORDER-LEFT: #ff9900 1px solid; COLOR: #ff9900; BORDER-BOTTOM: #ff9900 1px solid
}
.commu_cont3 {MARGIN: 9px 7px 4px; LINE-HEIGHT: 150%}
.commu_cont3 UL {width:188px;}

.butleft{margin:0px;padding:0px;background: url(../images/200901172157020.gif) no-repeat center top;width:16px;height:73px;display:block;float:left;margin-top:50px;}
.butleft:hover{background-position:-20px 0px;}
.butleft{background-position:0px 0px;}

.butright{margin:0px;padding:0px;background: url(../images/200901172157020.gif) no-repeat center; float:left;margin-top:50px; display:block;width:16px;height:73px;}
.butright:hover{background-position:-20px -100px;}
.butright{background-position:0px -100px; MARGIN-LEFT: -1px}

.side{ width:187px; text-align:left; margin:2px 0 0 2px}
.side div,.side ul{margin:5px 0 0;}
.side div div,.side div ul{ margin:auto;}
.side h2{margin:0;  padding:7px 0 0 10px; font-size:14px; background-color:#F2F2F2; width:194px; height:auto; text-align:left ;}
.l1 {width:180px!important;width:178px}
.r1 {width:194px!important;width:197px}
#List_mode{ border:1px solid #CCCCCC;}
.ll{width:190px!important; width:188px}
#List_mode p,#List_mode ul{ margin:0; }
#List_mode p{ text-align:center;}
#List_mode p img{ border:1px solid #CCCCCC;}
#List_mode ul.list{  padding:0 0 4px 7px; }
#List_mode ul.list2{ padding:5px 0 0; background:#FFFFFF;}
ul.list li{ padding:0 0 0 11px;line-height: 20px;background:url(../images/libg.gif) no-repeat -0px -0px; width:175px}
ul.list .no{background:url()}
ul.list img{ ;max-width: 180px;width:expression(this.width>180?"180px":this.width+"px"); border:1px solid #cccccc}



.IndexMode2 { float:left; width:520px;  border-bottom:1px solid #cccccc;margin:5px 0 0 3px}
.IndexMode2 h2 { padding:5px 0 0 10px; height:17px;background:url(../images/index_mode2_h2.gif);font-size:14px; color:#000000; margin:0}
.IndexMode2 h2 a{ position:relative;display:block;height:17px;}
.IndexMode2 .bb{width:508px; height:241px; padding:3px 5px 0;border:1px solid #D4D4D4; border-width:0 1px; background:#FFFFFF;}
.IndexMode2 .more{ position:absolute; top:0; right:9px;font-size:12px;font-weight:normal;}
.IndexMode2pic { position:relative; float:left}
.IndexMode2pic li {line-height:0; clear:left}
.IndexMode2pic li span { position:absolute; width:15px; height:18px; line-height:18px; top:180px; left:5px; border:1px solid #cccccc; text-align:center; font-weight:bold; background-color:#ffffff; color:#666666;z-index:1; }
.IndexMode2pic li span.z12 { margin-left:20px;}
.IndexMode2pic li div { display:none; }
.IndexMode2pic li div img { width:180px; height:200px; }
.IndexMode2pic li.c span { background-color:#666666;}
.IndexMode2pic li.c span a{ color:#FFFFFF; text-decoration:none;}
.IndexMode2pic li.c div { display:block; }
.IndexMode2content { float:left; width:316px; padding:0 5px 5px;}
.IndexMode2content li { float:left; height:20px;line-height:19px; width:310px; }
.IndexMode2content li.img { width:90px; height:auto; text-align:center; margin-left:12px!important;margin:0 0 5px;}
.IndexMode2content li a { color:#666666; float:left; }
.IndexMode2content li a:hover { color:#FF6600; }
.IndexMode2content li img { float:left; width:100px; height:100px; border:1px solid #CCCCCC; margin-left:5px}
.IndexMode2content li em { display:block; font-style:normal; line-height:18px; }
.IndexMode2content li.img span { display:block; font-weight:bold;text-align:center; }
.IndexMode2keyw { display:inline; float:left;margin:0 5px;padding:8px 0 8px 5px; border-top:1px dashed #D8D8D8; }
.IndexMode2keyw li { float:left; }
.IndexMode2keyw li a { color:#999900; padding:0 4px 0 0; }
.icon1{ overflow:hidden; float:left;width:29px; height:13px;margin:2px 8px 0 0; background:#E362A5 url(../images/bb3.png) no-repeat -0px -0px; text-indent:-2em;}
.icon2{ overflow:hidden; float:left;width:29px; height:13px;margin:2px 8px 0 0; background:#E362A5 url(../images/bb3.png) no-repeat -30px -0px; text-indent:-2em;}
.icon3{ overflow:hidden; float:left;width:29px; height:13px;margin:2px 8px 0 0; background:#E362A5 url(../images/bb3.png) no-repeat -60px -0px; text-indent:-2em;}
.icon4{ overflow:hidden; float:left;width:29px; height:13px;margin:2px 8px 0 0; background:#E362A5 url(../images/bb3.png) no-repeat -90px -0px; text-indent:-2em;}
.more{display:block;width:32px; height:15px;line-height:15px;background:url(../images/bb3.png) no-repeat -120px -0px;}
.IndexMode2right{background:url(http://i2.eachimg.cn/2/i/IndexMode2/model/bgcaonima.png) right no-repeat; width:150px; height:90px; float:left; margin-top:5px; padding:11px 10px 11px 16px;}
.IndexMode2right span{ display:block; width:70px; line-height:24px; height:24px;}
.IndexMode2right span em{font-style:normal;}
.IndexMode2right img{float:right; width:80px; overflow:hidden;}


/*µêÆÌ*/
.disno {display:none}
.shopbox {width:520px;float:right;}
.shopbox .top {margin-top:3px;height:28px;background:url(../images/b2.png) repeat-x 0px -400px;}
.shopnavs div{margin-left:5px;padding-top:8px;}
.shopnavs dl {margin-left:15px;}
.shopnavs dd {float:left;margin-top:2px; border:1px solid #cccccc}
.shopnavs a {display:block;width:55px;line-height:18px;height:18px;color:#666;font-size:14px;text-align:center;border-left:1px solid #cccccc;margin-top:5px}
.shopnavs a:hover, .shopnavs a.on {font-weight:bold;line-height:26px;background-color:#fff;position:relative;margin-top:-4px;margin-right:-1px;color:#ff7525;border:2px solid #cccccc;border-bottom:2px solid #fff;width:62px;height:26px}
.shopdiv{border:2px solid #cccccc;border-top:0;width:395px;padding-left:2px;height:175px;overflow:hidden;}
.Shopcat {height:125px}
.Shopcat dl {height:175px;overflow:hidden;padding-left:2px}
.Shopcat dd {float:left;width:96px;text-align:center;padding-top:10px;height:120px;overflow:hidden;}
.Shopcat dd span {display:block;line-height:30px}
.Shopcat dd .i {height:96px;display:block}
.Shopcat dd .i img {width:90px;height:90px}
.Shopcat dd .t {height:22px;line-height:22px;}
.Shopcat dt {height:45px;line-height:22px;border-top:1px dotted #ddd;clear:both;text-align:center;}
.btndiv {border-top:1px dotted #aaa;padding-top:6px;margin-right:5px;height:53px}
.shopnavs{height:28px;overflow:hidden}
#shopCom ul{ margin-top:5px; margin-left:15px}
#shopCom .TextList li { width:250px;  display:inline; float:left; margin:2px 0 3px 0}
#shopCom .TextList li em img { margin-top:-1px; }
#shopCom .TextList li span {display:block;overflow: hidden; text-overflow:ellipsis;;width:145px; float:left; margin-top:2px}
#shopCom ul li a{color:#0054C8; text-decoration:none; font-size:13px; width:160px; }
#shopCom .ImgList { margin-top:10px}
#shopCom .ImgList li { float:left; display:inline; width:130px}
#shopCom .ImgList li .Shopimg { margin-left:6px; border:1px solid #cccccc; width:110px; height:110px } 
#shopCom .ImgList li { width:120px; text-align:center}
#shopCom .ImgList li a:hover { color:#FF7525}
/*µêÆÌ*/