/* CSS Document */
@import url("common.css");

body{ color:#888686;}

/* -- top s -- */
.top{ height:35px; line-height:35px; background-color:#F2F2F2;}
.top .box{}
.top .home{ float:left; padding-left:10px;}
.top .phone{ float:right; background:url(../images/icon-phone.png) left center no-repeat; padding-left:27px;width:auto;border:0px;}
/* -- top e -- */
.dede_pages {margin:20px auto;height:40px;width:100%;text-align:center;overflow:hidden;}
.dede_pages ul {display:inline-block; *display:inline; zoom:1;margin:0 auto;position:relative;}
.dede_pages ul li {list-style:none;float:left;border:1px solid #ddd;height:35px; line-height:35px;border-radius:3px; margin:0 3px;font-size:14px;}
.dede_pages ul li a,.dede_pages ul li span{color:#333;display:block;padding:0px 14px;}
.dede_pages ul li a:hover{padding:0px 14px;background:#187CC7;color:#fff;}
.dede_pages ul li.active{background:#187CC7;display:block;color:#fff;}
.dede_pages ul li.active a{color:#fff;display:block;}
@media (max-width: 767px){ 
.dede_pages {height:55px;}
.dede_pages ul li {height:25px; line-height:25px;}
.dede_pages ul li a,.dede_pages ul li span{padding:0px 10px;}
.dede_pages ul li a:hover{padding:0px 10px;}
}
/* -- header s -- */
.header{ height:115px; padding-top:15px;}
.header .box{}
.header .logo{ float:left; width:255px; height:80px; overflow:hidden;}
.header .navBar{ float:right; width:735px; height:100px; position:relative; z-index:1;}
.header .nav { position:relative;}
.header .nav .m { float:left; width:105px; height:100px; background-color:#FFF; position:relative; z-index:1;}
.header .nav .m h2 { width:100%; height:100%;}
.header .nav .m h2 a { display:block; text-align:center; font-size:14px; width:100%; height:65px; padding-top:35px;}
.header .nav .m h2 a span { display:block; height:24px; line-height:24px;}
.header .nav .m.on { background-color:#187CC7;}
.header .nav .m.on h2 a span { color:#FFF!important;}
.header .nav .m:hover { background-color:#187CC7;}
.header .nav .m:hover h2 a span{ color:#FFF!important;}
.header .nav .sub{ display:none; /*默认隐藏*/  position:absolute; left:0; top:100px; z-index:1; width:105px; background:#187CC7; padding-top:15px; opacity:0.8;}
.header .nav .sub li{ text-align:center; padding:0 20px; margin-bottom:10px;}
.header .nav .sub li:hover{ /*background-color:#0E67A9;*/}
.header .nav .sub li a{ display:block; border-bottom:1px solid #E6E4E3; height:30px; line-height:30px; color:#FFF;}
.header .nav .sub li a:hover{ color:#FFF;}
.header .nav .block{ height:3px; width:105px; background:#FE7700; position:absolute; left:0; top:97px; overflow:hidden;}
/* -- header e -- */

/* -- banner s -- */
.banner{ min-width:1200px;  position:relative;  height:503px; overflow:hidden;}
.banner .bd{ position:relative; z-index:0;}
.banner .bd ul{ width:100% !important;}
.banner .bd li{ width:100% !important;  height:503px;}
.banner .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin:4px;background:url(../images/dot-black.png) 0 0;overflow:hidden;line-height:9999px;border-radius:100%;background-color:#afafaf;line-height:99em;cursor:pointer;box-shadow:1px 1px 2px #3a3a3a inset;}
.banner .hd ul .on{background-color:#2e86ce;}
/* -- banner s -- */

/* -- title s -- */
.title{ height:150px; text-align:center; padding-top:50px;}
.title .box{}
.title .en{ height:35px; line-height:50px; font-size:28px; font-family:Garamond;}
.title .tit{ height:45px; line-height:50px; font-size:20px; font-family:"微软雅黑"; color:#333;}
.title .hr{ width:30px; height:2px; background-color:#9F9F9F; margin:0 auto;}
/* -- title e -- */

/* -- classify s -- */
.classify{ height:100px;}
.classify .box{}
.classify ul{ width:900px; height:100px; margin:0 auto;}
.classify ul li{ float:left; width:180px; height:100px;}
.classify ul li a{ display:block; width:100%; height:100%; color:#333; padding-top:10px;}
.classify ul li em{ display:block; width:20px; height:20px; background-color:#187CC7; border-radius:10px; margin:0 auto;}
.classify ul li p{ font-size:16px; text-align:center; padding-top:20px;}
/* -- title e -- */

/* -- product s -- */
.product{ height:450px; position:relative; padding-top:32px; z-index:0;clear:both;}
.product .scrollBox{ width:1200px; margin:0 auto; position:relative;}
.product .scrollBox {position:relative;overflow:hidden;zoom:1;}
.product .scrollBox .scrollWrap{overflow:hidden; position:relative;width:960px;left:120px}
.product .scrollBox .scrollWrap .piclist{ float:left; width:960px; height:418px;}
.product .scrollBox .scrollWrap .piclist li{ float:left; width:300px; height:418px; background-color:#EEEEEE; margin:0 10px;}
.product .scrollBox .scrollWrap .piclist li h3{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:16px; font-weight:bold; color:#333; text-align:center;}
.product .scrollBox .scrollWrap .piclist li p{ width:260px; height:50px; line-height:1.7; overflow:hidden; margin:0 auto;}
.product .scrollBox .prev,.scrollBox .next{ width:57px;height:57px;position:absolute;bottom:100px;cursor:pointer;z-index:100;}
.product .scrollBox .prev{ left:30px;background:url(../images/icon-arrows-l.png) no-repeat;}
.product .scrollBox .next{ right:30px;background:url(../images/icon-arrows-r.png) no-repeat;}
.product .bg{ position:absolute;left:0px;bottom:0px;width:100%;height:245px;background-color:#187CC7;z-index:-1;}
/* -- product e -- */

/* -- news s -- */
.news{ height:366px;}
.news .box{ padding-top:15px;}
.focusBox { position: relative; width: 516px; height: 286px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; border:8px solid #EEEEEE; float:left; margin-right:30px;}
.focusBox .pic img { width: 516px; height: 286px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;}
.news .news_con{ float:right; width:644px; height:316px;}
.news .news_con li{ height:95px; border-bottom:1px solid #999;}
.news .news_con li .news_date{ float:left; padding-top:10px;}
.news .news_con li .news_date .day{ width:70px; height:48px; line-height:48px; border:1px solid #187CC7; color:#187CC7; font-size:28px; text-align:center; font-weight:bold;}
.news .news_con li .news_date .year{ width:70px; height:26px; line-height:26px; background-color:#187CC7; color:#FFF; text-align:center;}
.news .news_con li .news_txt{ float:left; width:540px; margin-left:20px; padding-top:10px; }
.news .news_con li .news_txt h4{ height:30px; line-height:30px; font-size:16px; font-weight:bold;}
.news .news_con li .news_txt p{height:40px; overflow:hidden;}
.news .more{ width:100px; height:30px; line-height:30px; background-color:#187CC7; margin:10px auto; text-align:center;}
.news .more a{ display:block; width:100%; height:100%; color:#FFF;}
.news .more a:hover{ background-color:#0E67A9;}
/* -- news e -- */

/* -- about s -- */
.about{ height:440px; padding:5px 0;}
.about .box{}
.about .about_l{ float:left; width:600px; height:430px;}
.about .about_l h5{ font-size:18px;}
.about .about_l h5 i{ float:left; display:block; width:85px; height:62px; letter-spacing:5px; border:1px solid #CDCDCD; padding:5px 0 0 20px;}
.about .about_l h5 p{ float:left; width:450px; height:30px; line-height:30px; letter-spacing:8px; overflow:hidden; padding-top:1px; margin-left:15px; white-space:nowrap;}
.about .about_l h5 p.letter{ font-family:Garamond; letter-spacing:4px; text-transform:uppercase;}

.about .about_l .about_con{ padding-top:30px;}
.about .about_l .about_con .about_img{ float:left;}
.about .about_l .about_con .about_img img{ width:303px; height:206px; border:8px solid #EEEEEE;}
.about .about_l .about_con .about_tab{ float:left; margin-left:15px; margin-top:10px;}
.about .about_l .about_con .about_tab li{ background:url(../images/order.png) 10px center no-repeat; width:272px; height:27px; line-height:27px; margin:5px 0; padding-left:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.about .about_l .about_con .about_tab li:hover{ background-image:none; background-color:#187CC7!important; color:#FFF; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}

.about .about_l .details{ height:114px; background:url(../images/about03.jpg) no-repeat; margin-top:15px; margin-left:100px; padding-top:14px;}
.about .about_l .details .frame{ height:100px; background-color:#F9F9F9; margin-left:195px;}
.about .about_l .details .frame p{}
.about .about_l .details .frame p.m1{ font-size:22px; color:#7D7D7D; padding-top:20px; margin-bottom:10px;}
.about .about_r{ float:right; width:527px; height:430px; background-color:#F2F2F2;}
.about .about_r img{ margin-bottom:30px;}
.about .about_r .about_tit{ width:527px; height:78px; padding-left:22px;}
.about .about_r .about_tit h6{ float:left; width:170px; height:78px; padding-top:22px; padding-left:15px; background:url(../images/about04.jpg) no-repeat;}
.about .about_r .about_tit p{ float:right; width:330px; height:78px; line-height:1.6; font-size:12px; overflow:hidden;}
/* -- about e -- */

/* -- other s -- */
.other{ height:30px;}
.other .box{}
/* -- other e -- */

/* -- link s -- */
.link{ height:50px; background:#0E67A9;}
.link .box{}
.link dl{ width:100%; height:50px; line-height:50px; font-size:16px; color:#FFF;}
.link dl dt{ float:left; margin-left:30px;}
.link dl dd{ float:left; margin-left:30px;}
.link dl dd a{ color:#FFF;}
.link dl dd a:hover{ text-decoration:underline;}
/* -- link e -- */

/* -- footer s -- */
.footer{ height:164px; background-color:#3498E2;}
.footer .box{}
.footer .call{ float:left; width:277px; height:72px; border:1px solid #56A8E4; margin:45px 0 0 130px; padding:10px 0 0 70px; background:url(../images/icon-phone2.png) no-repeat 15px center; color:#FFF;}
.footer .call span{ font-family:Microsoft; font-size:26px;}
.footer .copy{ float:right; width:790px; height:72px; margin-top:50px;}
.footer .copy p{ line-height:2; text-align:center; color:#FFF;}
.footer a{color:#FFF;}
/* -- footer e -- */



/* -- list s -- */
.list{ padding-top:50px;}
.list .box{}

.side{ float:left; width:240px;}
.side .sideNav{ padding-bottom:30px;}
.side .sideNav dt{ width:240px; height:40px; line-height:40px; font-size:18px; color:#1D9FD3; margin-bottom:15px; text-indent:20px;}
.side .sideNav dt i{ float:left; display:block; width:3px; height:15px; background-color:#1D9FD3; margin-top:13px;}
.side .sideNav dd{ width:240px; height:45px; line-height:45px;  margin-bottom:1px;}
.side .sideNav dd a{ display:block; width:100%; height:100%; padding-left:90px; border-bottom:1px dashed #CCC; background-color:#F5F5F5;}
.side .sideNav dd a:hover{ background:url(../images/shape.png) #1D9FD3 50px center no-repeat; color: #FFF;}
.side .sideContact{ border:1px solid #EEE; padding:1px 1px 15px;}
.side .sideContact dt{ margin-bottom:10px;}
.side .sideContact dt p{ height:40px; font-size:18px; border-bottom:1px dashed #EEE; margin:0 10px; padding:5px 0; color:#333;}
.side .sideContact dt p span{font-size:12px; color:#999; margin-left:5px;}
.side .sideContact dd{ height:30px; line-height:30px; border-bottom:1px dashed #EEE; margin:0 10px;}

.content{ float:right; width:900px;}
.content h6{ width:900px; height:45px; line-height:45px; border-bottom:1px solid #EEE; position:relative;}
.content h6 em{ display:inline-block; height:44px; padding:0 10px; color:#333; position:absolute; z-index:5; border-bottom:2px solid #CECFD3; font-size:18px;}
.content h6 span{ float:right; font-size:12px; color:#888686;}
.content h6 span a{ color:#888686;}
.content h6 span i{display:inline-block; width:0; height:0; line-height:0; border-style:solid; border-width:4px 0 4px 4px; border-color:transparent transparent transparent #bbb; margin:0 10px;}

/*公司简介*/
.content .listAbout{ width:95%; margin:30px auto;}
.content .listAbout h1{ height:70px; line-height:70px; font-size:24px; text-align:center;}
.content .listAbout p{ font-size:16px; line-height:2.5;}

/*产品展示*/
.content .listProduct{ margin:30px auto;}
.content .listProduct li{ float:left; width:280px; height:382px; background-color:#EEEEEE; margin:15px 10px; box-shadow:0 -5px 20px rgba(0,0,0,0.2);}
.content .listProduct li img{ width:280px; height:280px;}
.content .listProduct li h3{ width:100%; height:50px; line-height:50px; font-size:16px; font-weight:bold; color:#333; text-align:center; overflow:hidden}
.content .listProduct li p{ width:260px; height:50px; line-height:1.7; overflow:hidden; margin:0 auto;}

/*新闻中心*/
.content .listNews{ width:95%; margin:30px auto; font-size:16px;}
.content .listNews li{ height:50px; line-height:45px; background:url(../images/order.png) 15px center no-repeat; border-bottom:1px dashed #CCC; padding-left:40px; margin-top:1px;}
.content .listNews li em{ float:right; margin-right:20px;}
.content .listNews li a{}
.content .listNews li a:hover{ text-decoration:underline;}

/*联系我们*/
.content .listContact{ width:95%; margin:30px auto;}
.content .listContact li{ height:50px; line-height:50px; font-size:20px; color:#333;}

/*招商加盟*/
.content .listJoin{ width:95%; margin:30px auto;}

/*在线留言*/
.content .listBook{ width:95%; margin:30px auto;}


/*内容页*/
.content .listPage{ width:95%; margin:30px auto; overflow:hidden;}
.content .listPage h1{ height:50px; line-height:50px; font-size:24px; text-align:center;}
.content .listPage h2{ height:50px; line-height:50px; font-size:12px; text-align:center; color:#CCC;}
.content .listPage p{ width:100%; font-size:16px; text-indent:32px; line-height:2;}
.content .listPage p.txt{ font-size:16px; text-indent:32px; line-height:2;}
.content .listPage p.img{ margin:0 auto; text-align:center;}


/*图片样式*/
.pic-list li{width:290px; display:block; float:left; _display:inline; padding:20px; text-align:center; overflow:hidden;}
.pic-list .cptitle{ height:35px; line-height:35px; overflow:hidden}
/* -- list e -- */


.form-box{ position:relative; padding:10px; border:1px solid #f6f6f6;  font-size:14px; }
.form-box dl{ display:block; padding:5px 0; }
.form-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
.form-box dl dt{ display:block; float:left; width:120px; line-height:38px; min-height:38px; color:#555; font-size:13px; text-align:right; _position:absolute; }
.form-box dl dd{ position:relative; padding:5px 0 5px 10px; line-height:28px; min-height:28px; color:#555; font-size:13px; overflow:hidden; _margin-left:120px; }
.form-box dl dd label.radio{ margin-right:5px; }
.form-box span{ height:20px; line-height:20px;}
input.wide{ width:250px; }
input.txt{ width:200px;     height: 30px;}
input.small{ width:50px;    height: 30px; }
.input{ display:inline; margin-right:5px; padding:7px; height:20px; line-height:20px; vertical-align:middle; background:#fff; color:#999px; border:1px solid #e8e8e8; border-radius:2px; }

.btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:38px; line-height:38px; text-align:center; }
.btn{ background:#124a01; border:1px solid #124a01; border-radius:2px; vertical-align:middle; color:#fff !important; }
.btn:hover{ color:#fff; opacity:0.9; }


.section{ position:relative; margin:0 auto; padding:0; width:1180px; min-width:941px; max-width:1180px; text-align:left; overflow:hidden; }
.right{ float:right; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
.bar-tit{ margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #e8e8e8; color:#6c6c6c; font-size:18px; }
.main-tit{  margin:0 auto; padding:30px 0 0; }
	.main-tit h2{ display:block; padding-right:10px; color:#666; font-size:24px; font-weight:400; line-height:25px; }
.inner-box{ margin:30px 0; min-height:350px; _height:350px; border:1px solid #f0f0f0; background:#fff; text-align:center; }
	.inner-box .dl-list{ margin:0 auto; padding:30px; text-align:left; width:879px; font-size:14px; }
	.inner-box .dl-list dl{ clear:both; display:block; padding:5px 0; }
	.inner-box .dl-list dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.inner-box .dl-list dl dt{ display:block; padding:5px 0; float:left; width:30%; line-height:42px; min-height:42px; color:#555; text-align:right; }
	.inner-box .dl-list dl dd{ position:relative; padding:5px 0 5px 20px; line-height:42px; min-height:42px; color:#555; overflow:hidden; _margin-left:120px; }
	.inner-box .dl-list dl dd .input{ padding:10px; }
	.inner-box .dl-list dl dd a.send{ display:inline-block; color:#555; border:1px solid #e8e8e8; border-radius:3px; width:110px; height:40px; line-height:40px; color:#333; font-size:14px; text-align:center; background:#fff; vertical-align:middle; }
	.inner-box .dl-list dl dd a.send.gray{ color:#999; }
	.inner-box .dl-list dl dd a.send img{ margin-top:9px; }
	.inner-box .dl-list dl dd .input.code{ width:84px; ime-mode:disabled; text-transform:uppercase; }
	
	.inner-box .tab-head{ display:block; border-bottom:1px solid #f0f0f0; background:#fbfbfb; overflow:hidden; }
	.inner-box .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; }
	.inner-box .tab-head ul li a{ display:block; padding:0 30px; height:50px; line-height:50px; color:#555; font-size:14px; }
	.inner-box .tab-head ul li a:hover,.inner-box .tab-head ul li a.selected{ color:#666; background:#fff; border-bottom:2px solid #0089cd; }
	.inner-box .tab-content{ display:none; }
	
	
	
	
/*商品缩略图样式*/
.goods-pic{ position:relative; float:left; margin-top:30px; width:370px; *z-index:1; }
	.pic-box{ float:left; }
	.pic-preview{ position:relative; width:368px; height:368px; border:1px solid #e8e8e8; }
	.pic-scroll{ margin-top:10px; width:370px; }
	.pic-scroll .prev{ float:left; margin-right:5px; }
	.pic-scroll .next{ float:right; }
	.pic-scroll .prev,.pic-scroll .next{ display:block; font-family:"宋体"; text-align:center; width:10px; height:60px; line-height:60px; border:1px solid #e8e8e8; background:#f7f7f7; cursor:pointer; text-decoration:none; }
	.pic-scroll .items{ position:relative; float:left; width:335px; height:62px; overflow:hidden; }
	.pic-scroll .items ul{ position:absolute; margin:0; padding:0; width:999999px; height:100%; }
	.pic-scroll .items ul li{ float:left; margin:0; padding:0; width:67px; text-align:center; }
	.pic-scroll .items ul li img{ padding:2px; border:1px solid #e8e8e8; width:56px; height:56px; }
	.pic-scroll .items ul li img:hover{ padding:1px; border:2px solid #d70000; }

/*商品规格*/
.goods-spec{ position:relative; margin:30px 0 0 400px; overflow:hidden; overflow:hidden; *zoom:1; }
	.goods-spec h1{ display:block; color:#555; font-size:18px; font-weight:700; line-height:1.1em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
	.goods-spec .subtitle{ margin-top:5px; color:#6c6c6c; font-size:15px; line-height:18px; }
	.goods-spec .spec-box{ position:relative; margin-top:10px; }
	.goods-spec .spec-box.line{ padding-top:10px; border-top:1px solid #efefef; }
	.goods-spec .spec-box:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.goods-spec .spec-box dl{ clear:both; display:block; }
	.goods-spec .spec-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.goods-spec .spec-box dl dt{ float:left; width:80px; line-height:38px; min-height:38px; color:#999; }
	.goods-spec .spec-box dl dd{ position:relative; padding:5px 0; line-height:26px; min-height:26px; color:#6c6c6c; }
	.goods-spec .spec-box dl dd s{ display:inline-block; text-decoration:line-through; }
	.goods-spec .spec-box dl dd .price{ display:inline-block; margin-right:5px; color:#f40; font-size:24px; font-weight:700; }
	.goods-spec .spec-box dl dd .items li{ position:relative; float:left; margin:0 5px 8px 0; padding:1px; line-height:20px; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a{ display:block; padding:1px; color:#666; min-width:10px; width:auto !important;  text-align:center; text-decoration:none; border:1px solid #eee; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a span{ display:inline-block; padding:5px 9px; font-style:normal; line-height:20px; }
	.goods-spec .spec-box dl dd .items li a img{ width:36px; height:38px; vertical-align:middle; }
	.goods-spec .spec-box dl dd .items li a.selected{ margin:-1px; color:#333; border:2px solid #f40; color:#f40; }
	.goods-spec .spec-box dl dd .stock-box{ display:block; float:left; margin-right:10px; width:64px; }
	.goods-spec .spec-box dl dd .stock-box input{ float:left; margin-right:3px; width:42px; height:30px; line-height:30px; text-align:center; border:1px solid #e8e8e8; }
	.goods-spec .spec-box .stock-box a{ display:block; float:left; margin-bottom:4px; width:15px; height:12px; line-height:12px; color:#333; font-size:11px; text-align:center; border:1px solid #e8e8e8;  cursor:pointer; overflow:hidden; }
	.goods-spec .spec-box .stock-txt{ float:left; line-height:32px; }
	.goods-spec .spec-box .btn-buy{ margin-top:15px; }
	.goods-spec .spec-box .btn-buy .buy{ display:inline-block; margin-right:10px; padding:0 30px; color:#e5511d; font-size:16px; line-height:38px; background:#ffe4d0; border:1px solid #f0cab6; border-radius:2px; cursor:pointer; }
	.goods-spec .spec-box .btn-buy .add{ display:inline-block; padding:0 30px; color:#fff; font-size:16px; line-height:38px; background:#f40; border:1px solid #f40; border-radius:2px; cursor:pointer; }
	.goods-spec .spec-box .btn-buy button.over{ color:#999; background:#f7f7f7; border-color:#e8e8e8; cursor:default; }
/* 图片放大镜样式*/
.jqzoom{ position:relative; display:block; margin:0; padding:0; width:368px; height:368px; border:none; cursor:crosshair; }
    .jqzoom img{ width:366px; height:366px; }
.zoomdiv{ position:absolute; z-index:100; display:none; width:368px; height:368px; background:#fff; border:1px solid #e8e8e8; overflow:hidden; }
.jqZoomPup{ position:absolute; top:0; left:0; z-index:10; visibility:hidden; max-width:368px; max-height:368px; border:1px solid #aaa; background:#fff; opacity:0.5;-moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(Opacity=50); overflow:hidden; }

/*商品Tab样式*/
.goods-tab .tab-head{ clear:both; display:block; height:40px; border:1px solid #e8e8e8; background:#f7f7f7; overflow:hidden; margin:20px 0 }
	.goods-tab .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; }
	.goods-tab .tab-head ul li a{ display:block; padding:0 30px; height:40px; line-height:40px; color:#555; font-size:14px; }
	.goods-tab .tab-head ul li a:hover,.goods-tab .tab-head ul li a.selected{ color:#fff; background:#0089cd; }
	.goods-tab .tab-content{ display:none; }

/*购物车样式*/
.cart-box{ position:relative; margin-top:30px; }
	.cart-box h1{ float:left; color:#555; font-size:18px; line-height:35px; }

.cart-info{ z-index:2; margin:0; padding:15px; border:1px solid #DFC795; position:absolute; top:0px; left:0px; _left:-269px; width:302px; height:auto;background:#F7F2D0; text-align:left; }
	.cart-info .btn-success{ height:32px; line-height:32px;    color: #fff; }
	.cart-info .close{ display:block; margin:0; padding:0; position:absolute; top:5px; right:5px; width:15px; height:10px; text-indent:-9999px; background:url(../images/sprite.gif) no-repeat left -240px; cursor:pointer; }

.cart-step{ position:relative; margin-left:200px; }
	.cart-step li{ float:left; width:33.33%; height:35px; line-height:35px; text-align:center; background:url(../images/cart-arrow.gif) no-repeat right -45px #f6f6f6; color:#999; *width:33.3%; }
	.cart-step li span{ display:inline-block; margin-right:5px; font-weight:bold; font-size:15px; }
	.cart-step li.item{ background-position:right 0; }
	.cart-step li.selected{ background:url(../images/cart-arrow.gif) no-repeat right -90px #e8e8e8; color:#8cac52; }
	.cart-step li.last{ background-image:none; }

.cart-table{ border:1px solid #f7f7f7; }
	.cart-table th{ padding:0.8em 0.5em; color:#555; font-size:13px; font-weight:400; background:#f6f6f6; border-bottom:1px solid #f7f7f7; }
	.cart-table td{ padding:1em 0.5em; color:#555; font-size:13px; border-bottom:1px solid #f7f7f7; }
	.cart-table td .stxt{ margin-top:5px; color:#666; font-size:12px; line-height:20px; }
	.cart-table td input.checkall{ padding:0; border:1px solid #eee; background:#fff; }
	.cart-table td .img{padding:1px;width:60px;height:60px;border:1px solid #eee;}
	.cart-table td .buy-box{ margin:auto; padding:0; width:74px; height:22px; overflow:hidden; }
	.cart-table td .buy-box a{ display:block; float:left; width:20px; height:20px; font-size:12px; line-height:20px; text-align:center; border:1px solid #e8e8e8; overflow:hidden; }
	.cart-table td .buy-box .input{ float:left; margin:0; padding:0; width:30px; font-size:12px; height:20px; line-height:20px; text-align:center; ime-mode:Disabled; border-radius:0; border-left:0; border-right:0; }

.cart-foot{ margin-top:20px; height:40px; }
	.cart-foot .btn-box{ line-height:40px; }
	.cart-foot .btn-box a{ margin-right:20px; font-size:14px; }

.item-box{ clear:both; padding:8px 0; font-size:13px; }
	.item-box li{ display:block; float:left; margin:0 25px; height:28px; line-height:28px; }
	.item-box li label input{ margin-right:3px; }
	.item-box li em{ color:#999; }

.address-list{ margin-bottom:20px; padding:10px; color:#555; font-size:14px; border:1px solid #f7f7f7; max-height:300px; overflow:auto; }
	.address-list li{ margin:5px 0; padding:5px 10px; height:20px; line-height:20px; cursor:pointer; }
	.address-list li span{ margin-left:10px; }
	.address-list li label em{ margin-left:5px; color:#999; }
	.address-list li.selected{ padding:10px; font-size:15px; background:#fff0e8; border-radius:3px; }
	.address-list li.selected span{ color:#333; font-weight:700; }
.address-info{ padding:10px; border:1px solid #f7f7f7; }
	.address-info dd .input{ padding:5px; }
	.address-info dd .select{ display:inline-block; padding:5px; border:1px solid #e8e8e8; border-radius:2px; line-height:20px; }

.buy-foot{ font-size:14px; }
	.buy-foot .left dl{ clear:both; padding-bottom:10px; line-height:28px; }
	.buy-foot .left dl dt{ color:#6c6c6c; }
	.buy-foot .left dl dd .input{ width:230px; padding:5px; }
	.buy-foot .right{ text-align:right; }
	.buy-foot .right p{ line-height:38px; }
	.buy-foot .right p .price{ color:#f00; font-weight:700; }
	.buy-foot .right p.txt-box{ margin-top:10px; font-size:18px; font-weight:700; }
	.buy-foot .right p.btn-box{ margin-top:20px; }

/*评论样式*/
.comment-add{ margin-top:15px; _width:100%; _position:relative; _overflow:hidden; }
    .comment-add .editor{ position:relative; margin-right:18px; }
	.comment-add .editor textarea{ width:100%; height:70px; }
	.comment-add .subcon{ margin-top:15px; }
.comment-box{ position:relative; margin-top:15px; }
	.comment-list li{ padding:15px 0; border-top:1px solid #f7f7f7; }
	.comment-list li .avatar{ display:block; float:left; margin-top:6px; background:#fff; border-radius:2px; width:42px; height:42px; overflow:hidden; }
	.comment-list li .avatar img{ width:42px; height:42px; }
	.comment-list li .inner{ margin-left:52px; }
	.comment-list li .inner p{ color:#333; font-size:14px; line-height:1.8em; }
	.comment-list li .inner .meta{ margin:0; padding-top:3px; color:#999; border:none; }
	.comment-list li .inner .meta .time{ margin-left:5px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat left -158px; }
	.comment-list li .answer{ margin-left:48px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
	.comment-list li .answer .meta{ margin:0; padding:0; color:#999; margin-bottom:5px; border:none; }
	.comment-list li .answer p{ color:#555; font-size:14px; line-height:1.8em; }

