@import "css_reset.css";

/* 头部样式 */
/*.main_nav li {
    color: #656565;
    padding: 0 6px 0 5px;
    position: relative;
    text-align:left;
    _width:75px;
    z-index: 998;
}
.main_nav li em { text-align:center;}
.main_nav li em b { display:none;}
.main_nav li.sfhover em { margin:2px 2px 0;}
.main_nav li ul { left:5px; _top:21px}
#flybox { _margin-top:23px; _margin-left:-190px;}
#main_nav span a.show { _width:180px;}
.ends_1 ul { _padding-left:35px;}

.leftSider #sort ul li a:hover{ color: #eb0007;}
.rightMain .about .content a { color:#eb0007; text-decoration: none;}
.rightMain .name a:hover{ color: #eb0007;}
.rightMain .sumRow a:hover{ color: #eb0007;}

#listNum { float:right;}*/

/* 主题样式 */
body { font-size:12px; margin:0px; padding:0px;}
body>div { text-align:left;}
ul { margin:0;padding:0;list-style:none;}
ul li.btn,h4 { cursor:pointer;} /* 按钮鼠标手势 */
h3,h4 { margin:0; padding:0px; position:relative; color:#FFFFFF; font-weight:bold;}
h3 { font-size:14px;}
a { color:#656565;}

/* 字体颜色 */
.font_content { color:#656565;}
.font_sort { color:#4c4c4c; }

/* 结构样式 */
.main {	width:950px;margin:0 auto;overflow:hidden; text-align:left;}
.clean { clear:both;}
.hr_10px { width:100%; height:10px; }
.lr_1px_160 { width:0px; height:160px; float:left; margin-top:15px; border-left:1px #999999 dotted;}
.lr_1px_255 { width:0px; height:255px; float:left; margin-top:5px; border-left:1px #999999 dotted;}
.ppg_ad {width:950;margin:0 auto 15px auto;}
/* 路径栏样式 */
.path { width:100%;height:28px;}
.path a { color:#323232;text-decoration: none;}
.path ul.left { float:left;}
.path ul.right { float:right; margin-right:2px;}
.path ul.right a li.home { line-height:30px;}
.path ul li { float:left;margin:0px;margin-left:4px;padding:0px;height:20px; line-height:20px;}
.path ul li.ico { background-image:url(../images/path_img.jpg); width:10px; height:12px; margin-top:4px;}
.path ul li.text{ width:auto; line-height:20px;}
.path ul li.home{ background:#d5010f; padding:0 10px; _line-height:22px; border-right:1px solid #892b99;}
.path ul li.info{ background-image:url(../images/path_info.jpg); width:68px;}
.path ul li.save{ background-image:url(../images/path_save.jpg); width:76px;}

/* 左边导航栏样式 */
.leftSider { width:200px; height:auto; margin-right:15px; _margin-right:10px; float:left;}
.leftSider .mod{margin-bottom:10px; background:#f1f1f1;}
.leftSider .mod .texts { text-indent:25px; padding:10px; text-align:left; color:#656565; line-height:20px; background:#FFFBF0;}
.leftSider .mod .texts a { color:#A550C5; text-decoration:underline;}
.leftSider .modName{ width:200px; height:28px; line-height:28px; text-indent:27px; background:#d5010f;}
.leftSider #sort .sortName{ width:188px; height:23px; line-height:23px; font-weight:bold; padding-left:10px; border-bottom:1px solid #EBDEFD}
.leftSider #sort .sortNameOpen{ color:#FFFFFF; background-color:#eb0007; border:0}
.leftSider #sort h4 span { position:absolute; background:url(../images/arrow0.gif) left; width:7px; height:7px; top:7px; right:20px;}
.leftSider #sort h4 span.Open { background:url(../images/arrow0.gif) right;}
.leftSider #sort ul{ padding:5px; padding-left:20px; background-color:#F7F7F7;border-bottom:1px solid #EBDEFD}
.leftSider #sort ul li{ list-style:disc inside; line-height:22px; color:#656565}

.leftSider .mod ol { margin:0; padding:0; text-align:left}
.leftSider .mod ol li { width:188px; line-height:18px; padding-left:10px; position:relative; color:#656565;}
.leftSider .mod ol li.listNumOn { padding-left:0px; margin:0; width:196px; *width:198px; height:70px; border:1px solid #eb0007; list-style:none;}
.leftSider .mod ol li.listNumOn span.number { width:18px; height:18px; position:absolute; left:1px; top:1px; background-color:#eb0007; text-align:center; line-height:18px; color:#FFFFFF; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.leftSider .mod ol li.listNumOn span.title { position:absolute; left:25px; width:100px; top:5px; color:#4c4c4c; text-align:left}
.leftSider .mod ol li.listNumOn span.price { height:24px; position:absolute; color:#eb0007; left:25px; bottom:0px; font-family:Arial, Helvetica, sans-serif;}
.leftSider .mod ol li.listNumOn span.price span { font-size:18px;font-weight:bold; }
.leftSider .mod ol li img { display:none; width:60px; height:60px; position:absolute; right:5px; top:5px;}
.leftSider .mod ol li.listNumOn img { display:block;}

ul#rxb { width:198px; text-align:left; line-height:22px; color:#656565; margin:5px 0; padding-bottom:10px;}
ul#rxb li { text-indent:15px;}
ul#rxb li .price,ul#rxb li img { display:none;}
ul#rxb li img { display:none; position:absolute; left:-100000px;}
ul#rxb li.on { width:196px; *width:198px; text-indent:0; border:1px solid #d5010f; position:relative; overflow:hidden;  background-color:#fff;}
ul#rxb li.on .number { float:left; width:18px; height:18px; text-align:center; margin:1px 0 0 1px; background:#d5010f; color:#fff; font:bold 14px Arial, Helvetica, sans-serif;}
ul#rxb li.on .title { float:left; width:85px; height:50px; text-align:left; margin:7px 0 0 5px; overflow:hidden;}
ul#rxb li.on img { float:right; display:block; width:60px; height:60px; margin:5px 15px 5px 0; _margin-right:8px; position:static; left:0;}
ul#rxb li.on .price { position:absolute; left:25px; bottom:2px; display:block; color:#eb0007;}
ul#rxb li.on .price b { font-size:15px;}


/*特价－zzh*/
.ppg_tj { width:198px; height:270px; border:1px solid #d9d9d9; position:relative; margin-bottom:10px;}
.ppg_tj .ico { position:absolute; left:114px; top:-1px; z-index:10; width:60px; height:60px; background:url(../images/pinpai/ppg_tj.png) no-repeat left top;}
.ppg_tj #idPre { position:absolute; left:0; top:120px; width:15px; height:30px; cursor:pointer; z-index:99;}
.ppg_tj .idPre1 { background:url(../images/pinpai/ppg_tj_ico1.png) no-repeat left -31px; cursor:default;}
.ppg_tj .idPre2 { background:url(../images/pinpai/ppg_tj_ico1.png) no-repeat left top; cursor:pointer;}

.ppg_tj #idNext { position:absolute; right:0; top:120px; width:15px; height:30px; cursor:pointer; z-index:99;}
.ppg_tj .idNext1 {background:url(../images/pinpai/ppg_tj_ico1.png) no-repeat -16px -31px; cursor:default;}
.ppg_tj .idNext2 { background:url(../images/pinpai/ppg_tj_ico1.png) no-repeat -16px top; cursor:pointer;}

.ppg_tj ul { width:1000px;}
.ppg_tj ul li { float:left; width:210px; height:272px; line-height:20px; text-align:center;}
.ppg_tj ul li div { width:150px; height:40px; overflow:hidden; margin:0 auto;}
.ppg_tj ul li img { display:block; margin:15px auto 0 auto; width:150px; height:150px;}
.ppg_tj ul li del { margin:0 3px 0 0px; color:#656565;}
.ppg_tj ul li span { color:#eb0007;}
.ppg_tj ul li span b { font-size:20px;}
.ppg_tj ul li a.btn { display:block; margin:0 auto; width:90px; height:29px; background:url(../images/pinpai/ppg_tj_ico1.png) no-repeat left -62px;}
.ppg_tj .num2 { display:none;}

.ppg_slide { position:relative; width:733px; height:148px; border:1px solid #999; margin-bottom:10px;}
.ppg_slide #idPres { position:absolute; left:0; top:50px; width:15px; height:30px; z-index:99; cursor:pointer;}
.ppg_slide #idNexts { position:absolute; right:-1px; top:50px; width:15px; height:30px; z-index:99; cursor:pointer;}
.ppg_slide .idPre1 { background:url(../images/pinpai/ppg_tj_ico1.png) no-repeat left -31px; cursor:default;}
.ppg_slide .idPre2 { background:url(../images/pinpai/ppg_tj_ico1.png) no-repeat left top; cursor:pointer;}
.ppg_slide .idNext1 {background:url(../images/pinpai/ppg_tj_ico1.png) no-repeat -16px -31px; cursor:default;}
.ppg_slide .idNext2 { background:url(../images/pinpai/ppg_tj_ico1.png) no-repeat -16px top; cursor:pointer;}

/*.ppg_slide ul { width:10000px;}
.ppg_slide li { width:733px; height:148px; float:left;}
.ppg_slide li img { width:733px; height:148px;}*/
.ppg_slide li { position:absolute; left:0; top:0;}
.ppg_slide li img { width:733px; height:148px;}
.ppg_slide #sl_next { width:15px; height:30px; position:absolute; right:0; _right:-2px; top:65px; overflow:hidden; z-index:99;background:url(../images/arrows.png) no-repeat right top; cursor:pointer;}
.ppg_slide #sl_pre { width:15px; height:30px; position:absolute; left:0; top:65px; overflow:hidden; z-index:99;background:url(../images/arrows.png) no-repeat left top; cursor:pointer;}



/* 右边内容样式 */
.rightMain { width:735px; height:auto; float:left; }

.rightMain .about { width:100%; height:100px; background-image:url(../images/rightMain_about.jpg); position:relative;}
.rightMain .about .image { width:163px; height: 66px; padding-top:16px; position: absolute; top: 4px; left:4px; text-align:center;}
.rightMain .about .image img { display:block; width:120px; height:40px; margin:0 auto;}
.rightMain .about .content { width:530px; height:72px; padding:10px 15px; position:absolute; top:4px; left:167px; line-height:22px;}

	/* 幻灯片样式 */
	.rightMain .slideshow { width:733px; height:148px; border:1px #999999 solid;}
		#slideshow { position:relative;}
		#slideshow ul { width:733px; height:148px; list-style:none outside none; overflow:hidden; position:static; text-align:left;}
		#slideshow li { position:absolute; display:none; z-index:10;}
		#slideshow li:first-child { display:block; z-index:1000;}
		#slideshow .slideActive { z-index:1000;}
		#slideshow canvas { display:none; position:absolute; z-index:100;}
		#slideshow .arrow { height:30px; width:15px; overflow:hidden; position:absolute; background:url("../images/arrows.png") no-repeat;top:50%;margin-top:-15px;cursor:pointer;z-index:5000;}
		#slideshow .previous { background-position:left top;left:0;}
		#slideshow .previous:hover { background-position:left bottom;}
		#slideshow .next { background-position:right top;right:0;}
		#slideshow .next:hover { background-position:right bottom;}
	
	/* 商品展示 */
	.rightMain .showProduct { width:100%; height:auto;}
	
		#showProduct .title{ width:733px; height:30px; border:1px solid #D5D5D5; background-color:#F1F1F1;}
		#showProduct .title ul.left{ float:left}
		#showProduct .title ul.right{ float:right; margin-right:2px;}
		#showProduct .title ul li{ float:left; position:relative; margin:3px 2px;padding:4px 10px; padding-right:18px; _padding:5px 18px 3px 10px; color:#656565; border:solid 1px #d6d6d6; background-color:#FFFFFF;}
		#showProduct .title ul.left a.on li { border:solid 1px #d5010f; color:#eb0007; background-color:#ffede1;}	
		#showProduct .title ul.left a:hover,#showProduct .title ul.right a:hover { text-decoration:none; cursor:pointer;}
		#showProduct .title ul.left li span { width:7px; height:4px; overflow:hidden; position:absolute; top:9px; *top:0; right:6px;}
		#showProduct .title ul.left li span.up_on { background:url(../images/arrow.gif) no-repeat left top;}
		#showProduct .title ul.left li span.down_on { background:url(../images/arrow.gif) right top;}
		#showProduct .title ul.left li span.up { display:none; background:url(../images/arrow.gif) no-repeat left bottom;}
		#showProduct .title ul.left li span.down { background:url(../images/arrow.gif) right bottom;}
		
		#showProduct .title ul.right li.on { border:solid 1px #AA4CC4; color:#eb0007;}		
		#showProduct .title ul.right li span { width:5px; height:9px; overflow:hidden; position:absolute; top:7px; right:6px;}
		#showProduct .title ul.right li span.up_on { background:url(../images/arrow1.gif) left top; left:-12px;}
		#showProduct .title ul.right li span.down_on { background:url(../images/arrow1.gif) right top;}
		#showProduct .title ul.right li span.up { background:url(../images/arrow1.gif) left -9px;}
		#showProduct .title ul.right li span.down { background:url(../images/arrow1.gif) right -9px;}
		#showProduct .title ul.right li.lastPage { padding-left:18px; padding-right:10px; }
		#showProduct .title ul.right li.lastPage span { left:-14px; }		
		#showProduct .title ul li.label { border:solid 1px #F1F1F1; background-color:#F1F1F1; color:#4c4c4c; padding:4px 0; margin-left:20px; line-height:14px;}
		#showProduct .title ul li.label span{ font-weight:bold; color:#eb0007;}
		#showProduct .title ul.left li.btns { background:url(../images/pinpai/jt_ico.gif) no-repeat 40px 2px;}
		#showProduct .title ul.left a.on li.btns { background-position:40px -18px;}

		#showProduct .productList { width:735px; height:auto; overflow:hidden;}
		#showProduct .productList .productBox { width:367px; height:185px; position:relative; float:left;}
		#showProduct .productList .productBox .photo{ width:150px; height:150px; background-color:#ccc; position:absolute; top:15px; left:16px;}
		#showProduct .productList .productBox .content{ width:170px; height:150px; position:absolute; top:15px; left:182px;}
		

	.rightMain .comment { width:100%; height:auto; text-align:left;}
		#comment .title{ width:100%; height:27px; background-color:#F1F1F1; border-top:1px solid #d5010f; position:relative}
		#comment .title span.label { width:80px; height:22px; background-color:#a172c0; position:absolute; right:15px; line-height:22px; font-size:12px; color:#FFFFFF; text-align:center; font-weight:normal; top:2px;}
		#comment .inputBox { width:100%; height:157px;  border-bottom:1px #d6d6d6 solid;}
		#comment .inputBox ul { margin-top:5px;}
		#comment .inputBox ul.left {  width:120px; float:left; color:#4c4c4c;}
		#comment .inputBox ul.right { width:600px; float:left;}
		#comment .inputBox ul.left li { text-align:right; width:100%; height:22px; line-height:22px;}
		#comment .inputBox ul.right li{ margin-bottom:5px;}
		#comment .inputBox ul li textarea { font-size:12px; width:587px; height:70px; padding:5px; color:#656565; margin-top:10px;}
		#comment .inputBox ul li input[type=submit] { border:1px #676767 solid; padding:1px 12px; padding-top:1px;}
		
		#comment .commentBox{ width:100%; height:130px; border-bottom:1px solid #d6d6d6;}
		#comment .commentBox .photo{ width:100px; height:100px; background-color:#ccc; float:left; margin:14px 13px 16px 18px;display: inline}
		#comment .commentBox .content{ width:604px; height:100px;float:left; margin-top:14px; display: inline}
		#comment .commentBox .content ul { margin-top:10px;}
		#comment .commentBox .content ul li{ color:#656565;}
		#comment .commentBox .content ul.left { float:left}
		#comment .commentBox .content ul.left li { float:left; margin-right:15px; color:#4c4c4c;}
		#comment .commentBox .content ul.right { float:right}
		#comment .commentBox .content ul.right li { float:left; margin-right:15px; color:#979797;}
	
	.rightMain .sumRow { line-height:30px; text-align:right;}
	.rightMain .sumRow span { color:#eb0007}

	.rightMain .buy { width:100%; height:305px; }
		#bug .title{ width:100%; height:27px; background-color:#F1F1F1; border-top:1px solid #d5010f;}
		#bug .buyBox { width:183px; height:267px; overflow:hidden;  float:left; margin-top:15px;}
		#bug .buyBox .photo { width:150px;height:150px; background-color:#ccc;margin-left:16px; margin-bottom:8px;}
		#bug .buyBox .content { width:184px; height:97px; }
		#bug .buyBox .content ul { padding-left:15px;}
		#bug .buyBox .content ul li.price1,#bug .buyBox .content ul li.price2 { float:left;}


.rightMain .title span{ font-size:14px; font-weight:bold; line-height:27px; display:block; margin-left:20px; color:#333; text-align:left;}		
.rightMain .name { color:#4c4c4c;}
.rightMain .label { color:#4c4c4c; line-height:20px;}
.rightMain .price1 { line-height:20px;color:#656565;margin-top:5px;}
.rightMain .price1 span { text-decoration: line-through}
.rightMain .price2 { height:30px;color:#656565;}
.rightMain .price2 span { color:#eb0007;}
.rightMain .price2 span span { font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.rightMain .content ul.btn li { position:relative; margin-top:5px; float:left;border:solid 1px #979797; background-color:#FFFFFF;padding:4px 6px; margin-right:4px; color:#4c4c4c; }
.rightMain .content ul.btn li.on { border:solid 1px #eb0007; color:#eb0007; }
.rightMain .content ul.btn li.shop { padding-right:12px; background: repeat-x url(../images/btn_bg.gif) bottom; }
.rightMain .content ul.btn li.shopCar { background:repeat-x url(../images/btn_bg1.gif) bottom;}
.rightMain .content ul.btn li span { width:5px; height:7px; background:url(../images/arrow2.gif); position:absolute; top:8px; right:4px;}

.rightMain ul li.star span { width:69px; height:15px; display:block; float:left; margin-top:2px;}
.rightMain ul li.star input { float:left;}
.rightMain ul li span.star1 {background:url("../images/star1.jpg");}
.rightMain ul li span.star2 {background:url("../images/star2.jpg");}
.rightMain ul li span.star3 {background:url("../images/star3.jpg");}
.rightMain ul li span.star4 {background:url("../images/star4.jpg");}
.rightMain ul li span.star5 {background:url("../images/star5.jpg");}

.rightMain .cutPage { width:100%; height:24px; margin:10px 0;}
	.cutPage ul li._margin_Left { width:220px;}
	.cutPage ul li._margin_Center { width:20px;}
	.cutPage ul li {float:left;}
	.cutPage ul.listNum li { border:1px solid #d6d6d6; padding:4px 6px;  margin-left:2px;cursor:pointer;}
	.cutPage ul.listNum li.noStyle { border:0px; padding:5px;  margin-left:2px;}
	.cutPage ul.inputNum li { line-height:24px;  margin-left:4px;}
	.cutPage ul.inputNum li input { height:20px; width:28px; border:1px solid #d6d6d6}
	.cutPage ul.inputNum li input[type=submit] { height:24px; width:42px; border:1px solid #696364;}
	.cutPage ul.listNum li.on { border:1px solid #eb0007; background-color:#ffede1; color:#eb0007; font-weight:bold; padding:4px 5px 4px 4px;}
	.cutPage ul.listNum li.on1 { border:1px solid #eb0007; background-color:#ffede1; color:#eb0007; font-weight:bold; padding:4px 6px 4px 5px;}
	.cutPage ul.listNum li.on2 { border:1px solid #eb0007; background-color:#ffede1; color:#eb0007; font-weight:bold; padding:4px 5px 4px 5px;}
	.cutPage ul.listNum li.on3 { border:1px solid #eb0007; background-color:#ffede1; color:#eb0007; font-weight:bold; padding:4px 5px 4px 4px;}

/*品牌介绍－zzh*/
.ppjs { color:#4b4b4b; text-align:left; line-height:20px;}
.ppjs h1 { width:735px; height:28px; font-size:14px; line-height:28px; text-indent:17px; background:#f1f1f1; margin-bottom:5px;}
.ppjs strong { display:block; line-height:30px;}
.ppjs img { display:block; margin:10px auto;}


dl.wdl{ width:734px; margin:0; padding:0; margin-top:10px; overflow:hidden;}
dl dd{ margin:0; padding:0;}
dl.wdl dd{ padding-left:14px; padding-right:14px; border-right:1px dotted #e1e1e1; width:150px; font-size:12px; float:left; margin-bottom:12px;  height:246px;}
dl.wdl dd img{ border:0;}
dl.wdl dd p a{ color:#4c4c4c; text-decoration:none;}
dl.wdl dd p a:hover{color:#eb0007; text-decoration:underline;}
dl.wdl dd p font.font1{ color:#4c4c4c; padding-right:11px; text-decoration:line-through;}
dl.wdl dd p font.font2{ color:#eb0007;}
dl.wdl dd p font.font2 i{ color:#eb0007; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
dl.wdl dd.noborder{ border-right-width:0;}
dl.wdl dd p{ line-height:16px; height:32px; overflow:hidden; margin-bottom:5px;}

.wpage{ height:43px; border-top:1px solid #d6d6d6; overflow:hidden; width:734px;}
.wpage1 a{ display:block; float:left; width:16px; height:20px; border:1px solid #cccccc; margin-left:5px; text-decoration:none; line-height:20px; text-align:center; color:#525050; font-size:12px;}
.wpage1 a:hover{background-color:#ffede1; border:1px solid #eb0007; text-decoration:none;}
.wpage1 span{ display:block; float:left;}
.wpage1{ float:right; margin-top:10px; overflow:hidden; padding-right:15px; width:auto; text-align:right;}
.wpage2{ float:right; margin-top:10px; line-height:22px; height:22px; color:#525050;}
.wpage2 span{ height:22px; line-height:22px; display:inline-block; margin:0 3px;}
.wpage2 input{ width:20px; height:18px; border:1px solid #ccc; padding:0 2px;}
.wpage2 a{ width:36px; height:20px; line-height:20px; display:inline-block; background-color:#f1f1f1; border:1px solid #696364; text-align:center; text-decoration:none; color:#111111; font-size:14px;}
a.wpre{ width:44px; height:22px; line-height:22px; background:url(images/wwpre.jpg) no-repeat; float:left; padding-left:15px; text-align:left; cursor:pointer;}
a.wnext{ width:50px; padding-left:8px; height:22px; line-height:22px; background:url(images/wwnex.jpg) no-repeat; float:left; text-align:left; cursor:pointer;}