/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */
	/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html {
	font-size: 100.01%;
}

body {
	font-size: 75%;
	color: #222;
	background: #fff;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	color: #111;
}

h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
}

h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}

h6 {
	font-size: 1em;
	font-weight: bold;
}

h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {
	margin: 0;
}

/* Text elements
-------------------------------------------------------------- */
p {
	margin: 0 0 1.5em;
}

p img.left {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
}

p img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
}

a:focus,a:hover {
	color: #000;
}

a {
	color: #009;
	text-decoration: underline;
}

blockquote {
	margin: 1.5em;
	color: #666;
	font-style: italic;
}

strong {
	font-weight: bold;
}

em,dfn {
	font-style: italic;
}

dfn {
	font-weight: bold;
}

sup,sub {
	line-height: 0;
}

abbr,acronym {
	border-bottom: 1px dotted #666;
}

address {
	margin: 0 0 1.5em;
	font-style: italic;
}

del {
	color: #666;
}

pre {
	margin: 1.5em 0;
	white-space: pre;
}

pre,code,tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
}

/* Lists
-------------------------------------------------------------- */
li ul,li ol {
	margin: 0;
}

ol {
	list-style-type: decimal;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

ul.common {
	list-style: none;
	list-style-image: url("../img/forwards.png");
	line-height: 22px;
}

/* Tables
-------------------------------------------------------------- */
table {
	margin-bottom: 1.4em;
	width: 100%;
}

th {
	font-weight: bold;
}

thead th {
	background: #c3d9ff;
}

th,td,caption {
	padding: 4px 10px 4px 5px;
}

tr.even td {
	background: #e5ecf9;
}

tfoot {
	font-style: italic;
}

caption {
	background: #eee;
}

/* Misc classes
-------------------------------------------------------------- */
.small {
	font-size: .8em;
	margin-bottom: 1.875em;
	line-height: 1.875em;
}

.large {
	font-size: 1.2em;
	line-height: 2.5em;
	margin-bottom: 1.25em;
}

.hide {
	display: none;
}

.quiet {
	color: #666;
}

.loud {
	color: #000;
}

.highlight {
	background: #ff0;
}

.added {
	background: #060;
	color: #fff;
}

.removed {
	background: #900;
	color: #fff;
}

.first {
	margin-left: 0;
	padding-left: 0;
}

.last {
	margin-right: 0;
	padding-right: 0;
}

.top {
	margin-top: 0;
	padding-top: 0;
}

.bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

.areabox {
	padding: 2px;
	margin-bottom: 2px;
	background: #eee;
}

/* link color */
a {
	color: #111;
	outline: none;
	text-decoration: none
}

.graylink a,.graylink a:hover,.darkgraylink a,.darkgraylink a:hover,.yellowlink a,.yellowlink a:hover,.orangelink a,.orangelink a:hover,.bluelink a,.bluelink a:hover,.redlink a,.redlink a:hover
	{
	text-decoration: none;
	background: none
}

.orangelink a {
	color: #f70
}

.orangelink a:hover {
	color: #fff;
	background: #f70
}

.graylink a:hover {
	color: #90909f
}

.graylink2 a {
	color: #999
}

.graylink2 a:hover {
	color: #000;
	background: #fff
}

.darkgraylink a {
	color: #999
}

.darkgraylink a:hover {
	color: #000;
	background: none
}

.yellowlink a {
	color: #fff
}

.yellowlink a:hover {
	color: #ffda7a
}

.bluelink a {
	color: #377bdc
}

.bluelink a:hover {
	color: #cc2a50
}

.redlink a {
	color: #cc2a50
}

.redlink a:hover {
	color: white;
	background: #cc2a50
}

a.bluelink {
	color: #377bdc
}

a.bluelink:hover {
	color: #fff;
	background: #377bdc
}

/* bg color */
.gray_bg {
	background: #f9f9f9
}

.lightgray_bg {
	background: #f7f7f7
}

.lightyellow_bg {
	background: #ffffcc
}

.darkgray_bg {
	background: #999
}

.orange_bg {
	background: #f70
}

.blue_bg {
	background: #0466ac
}

.pink_bg {
	background: #ec164c
}

.yellow_bg {
	background: #fffddd
}

/* font style */
strong {
	font-weight: bold
}

/* font size */
h1 {
	font-size: 16px
}

h2 {
	font-size: 14px;
	margin-bottom: 2px
}

h3 {
	font-size: 13px
}

.font_small {
	font-size: 10px
}

.font_mid {
	font-size: 11px
}

/* font color*/
.color_gray {
	color: #999
}

.color_darkgray {
	color: #666
}

.color_red {
	color: #cc2a50
}

.color_orange {
	color: #f70;
}

.color_blue {
	color: #439BC1;
}

.inline {
	display: inline
}

.clearf {
	CLEAR: both;
	BORDER-TOP: transparent 0px solid;
	FONT-SIZE: 0px;
	VISIBILITY: hidden;
	LINE-HEIGHT: 0;
	HEIGHT: 0px;
}

img {
	border: 0;
}

.fistp {
	padding-top: 12px;
	color: #B51212;
}

.fistp a {
	text-decoration: none;
	font-size: 12px;
	color: #575556;
}

.fistp a:hover {
	text-decoration: underline;
	color: #000000;
}

.soso {
	position: relative;
	top: 3px;
	cursor: pointer;
}

.secdp {
	font-size: 14px;
	color: #FFFFFF;
}

.secdp span img {
	position: relative;
	top: 3px;
	left: 100px;
}

.secdp input {
	border: 1px solid #B6B5B4;
	height: 18px;
	line-height: 18px;
	color: #605F5D;
	padding-left: 3px;
}

input.go {
	position: relative;
	top: 3px;
	cursor: pointer;
	border: 0px;
	width: 20px;
	height: 20px;
	padding-left: 0px;
}

.relative {
	position: relative;
	top: 7px;
}

/*addcss*/
.imgabsolute {
	position: absolute;
	right: 10px;
	bottom: 30px;
}

.color_green {
	color: #2e7016;
}

.color_yaorange {
	color: #fe580a;
}

ul.categoryList li {
	color: #333;
	width: 80px;
	float: left;
}

ul.categoryList li a {
	color: #333;
}

/**sub title*/
ul.categoryList li.speli {
	width: 198px;
	margin: 3px 1px;
}

ul.categoryList li.speli a {
	color: #2e7016;
}

.smartForm td.subTitle {
	text-align: right;
	color: #2e7016;
}

/**绿色按钮*/
div.btn {
	background: #95BF82;
	border: 1px solid #3B6E22;
	display: block;
	float: left;
	padding: 1px;
	margin-right: 5px;
}

div.btn a {
	background: #67A54B;
	color: #FFFFFF;
	display: block;
	float: left;
	height: 20px;
	line-height: 22px;
	padding-left: 10px;
	padding-right: 10px;
}

.blueTitle {
	font-size: 14px;
	color: #439BC1;
	font-weight: 600;
}

.grayTitle {
	font-size: 14px;
	color: #444;
	font-weight: 600;
}

/**按钮*/
.btn {
	display: block;
	position: relative;
	background: #aaa;
	padding: 5px;
	float: left;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.btn * {
	font-style: normal;
	background-image: url(img/btn2.png);
	background-repeat: no-repeat;
	display: block;
	position: relative;
}

.btn i {
	background-position: top left;
	position: absolute;
	margin-bottom: -5px;
	top: 0;
	left: 0;
	width: 5px;
	height: 5px;
}

.btn span {
	background-position: bottom left;
	left: -5px;
	padding: 0 0 5px 10px;
	margin-bottom: -5px;
}

.btn span i {
	background-position: bottom right;
	margin-bottom: 0;
	position: absolute;
	left: 100%;
	width: 10px;
	height: 100%;
	top: 0;
}

.btn span span {
	background-position: top right;
	position: absolute;
	right: -10px;
	margin-left: 10px;
	top: -5px;
	height: 0;
}

* html .btn span,* html .btn i {
	float: left;
	width: auto;
	background-image: none;
	cursor: pointer;
}

.btn.blue {
	background: #2ae;
}

.btn.green {
	background: #9d4;
}

.btn.pink {
	background: #e1a;
}

.btn:hover { /**background-color: #a00;*/
	background: #9d4;
	color: #fff;
}

.btn:active {
	background-color: #444;
}

.btn[class] {
	background-image: url(img/shade.png);
	background-position: bottom;
}

* html .btn {
	border: 3px double #aaa;
}

* html .btn.blue {
	border-color: #2ae;
}

* html .btn.green {
	border-color: #9d4;
}

* html .btn.pink {
	border-color: #e1a;
}

* html .btn:hover {
	border-color: #a00;
}

.message_info {
	color: #3399ff;
	margin: 0px;
	background-color: #eeffff;
	border: 1px solid #3399ff;
	padding: 3px 5px 3px 25px;
	background: url(img/information.png) no-repeat 5px 5px;
	line-height: 16pt
}

.message_error {
	color: #ff6860;
	margin: 0px;
	background: #ffefee;
	border: 1px solid #ff6860;
	padding: 3px 5px 3px 25px;
	background: url(img/exclamation.gif) no-repeat 5px 5px;
	line-height: 16pt
}

.message_ok {
	color: #009933;
	margin: 0px;
	border: 1px solid #009933;
	padding: 3px 5px 3px 25px;
	background: #ddffdd url(img/standard_msg_ok.gif) no-repeat 5px 5px;
	line-height: 16pt
}

/*add*/
.communicate {
	position: absolute;
	top: 235px;
	left: 210px; *
	top: 220px; *
	left: 210px;
	width: 770px;
}

*+html .communicate {
	position: absolute;
	top: 222px;
	left: 210px;
	width: 770px;
}

.communicate  h4 {
	float: left;
	width: 70px;
	font-weight: normal;
	line-height: 30px;
}

.categoryLabel {
	background: url("../../images/forwards.png") no-repeat;
	padding-left: 25px;
	margin: 3px 5px;
	color: #333;
	font-size: 14px;
}

/*商品信息*/
.promaturies {
	width: 760px;
	position: relative;
	margin-top: 10px;
}

.promaturies p {
	float: left;
	width: 200px;
	text-align: center;
	line-height: 12px;
	margin-top: 10px;
}

.promaturies p img {
	border: #ddd 1px solid;
}

.promaturies ul {
	width: 560px;
	float: right;
	color: #464646;
}

.promaturies ul li {
	line-height: 30px;
	float: left;
	width: 560px;
}

/**商品题目*/
.promaturies ul li h1 {
	font-size: 16px;
	line-height: 20px;
	color: #439BC1;
	font-weight: 600;
}

.promaturies ul li h2 {
	float: left;
	width: 180px;
	font-weight: normal;
}

.promaturies ul li h2 strong {
	font-size: 14px;
	COLOR: #cc6600;
}

.promaturies ul li h2 span {
	color: #FF0000;
}

/*clearpicture*/
.clearpicture,.yogeradvice,.newhot,.faqcontent {
	margin-top: 15px;
	margin-bottom: 10px;
	width: 770px;
}

.clearpicture h1,.yogeradvice h1,.newhot h1,.faqcontent h1 {
	font-size: 14px;
	margin-bottom: 5px;
	background: url(../images/repeatx.gif) repeat-x;
	height: 30px;
	line-height: 30px;
	color: #D24F00;
	padding-left: 10px;
}

.faqcontent h1 b {
	font-weight: normal;
	color: #FF0000;
}

.clearpicture ol li {
	float: left;
	text-align: center;
	padding: 5px 5px;
	line-height: 18px;
	margin-top: 5px;
	width: 115px;
}

.clearpicture ol li img {
	width: 110px;
	height: auto;
}

.clearpicture ol li span {
	text-align: left;
	display: block
}

.clearpicture  p {
	color: #ff0000;
	line-height: 20px;
	margin-top: 15px;
}

.yogeradvice h1 span,.faqcontent h1 span {
	float: right;
	margin-top: -30px;
	margin-right: 20px;
}

.yogeradvice span a {
	color: #FF0000;
	font-weight: normal;
	font-family: 宋体;
	text-decoration: underline;
}

.yogeradvice span a:hover {
	color: #FF5400;
	text-decoration: none;
}

.advicecontent {
	line-height: 20px;
	padding-left: 5px;
}

.newhot ul {
	width: 360px;
	height: 140px;
	padding-left: 10px;
	line-height: 20px;
	float: left;
}

.newhot ul li strong a {
	color: #FF0000;
}

.newhot dl {
	width: 400px;
	float: left;
	color: #005B73;
	padding-bottom: 5px;
	line-height: 20px;
}

.newhot dl dt {
	width: 60px;
	float: left;
}

.newhot dl dd {
	width: 330px;
	float: right;
}

a.red {
	color: #FF0000;
	margin-left: 10px;
}

/*faqcontent*/
.comment {
	margin-top: 10px;
}

.comment p {
	width: 100px;
	text-align: center;
	line-height: 20px;
	float: left;
}

.comment dl {
	float: left;
	width: 660px;
}

.comment dl dt {
	border-bottom: 1px solid #d1e2f3;
	border-top: 1px solid #d1e2f3;
	line-height: 25px;
	padding-left: 10px;
	color: #8b8b8b;
	background: #f8fbff;
	height: 25px;
}

.comment dl dt img {
	vertical-align: middle;
}

.comment dl dd {
	padding: 10px;
	line-height: 18px;
	color: #404040;
}

.comment dl dd p {
	color: #404040;
	width: auto;
	text-align: left;
	float: none;
}

.comment dl dt span {
	float: right;
	margin-right: 10px;
}

.comment dl dt img {
	vertical-align: middle;
}

.faqcontent h1 span {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}

.yogeradswer {
	width: 650px;
	float: right;
	color: #ff7100;
	border-top: 1px solid #d1e2f3;
	padding: 0 5px;
	line-height: 18px;
}

.yogeradswer strong {
	float: left;
	width: 50px;
	color: #cccccc;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: 5px;
}

.yogeradswer strong i {
	font-size: 30px;
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif
}

.yogeradswer span {
	display: block;
	color: #404040;
	line-height: 25px;
}

.yogeradswer span i {
	float: right;
	color: #9c9a9d;
	font-style: normal;
}

.yogeradswer p {
	width: 595px;
	float: right;
	text-align: left;
	color: #222222;
}

.modifycon dl dd.specialdd {
	padding: 0 0 0 10px;
}

.modifycon dl dd.specialdd b {
	background: url(../images/ansicon.jpg) no-repeat;
	float: left;
	width: 61px;
	height: 23px;
	text-align: center;
	margin-left: 10px;
	line-height: 23px;
	font-weight: normal;
	cursor: pointer;
}

/**/
.specialp {
	margin-top: 10px;
	border-top: 1px solid #fff0e1;
	line-height: 25px;
	margin-bottom: 10px;
}

.specialp span {
	float: right;
}

.specialp span b {
	color: #FF0000;
}

/*add css*/
.needlogin {
	position: absolute;
	bottom: 10px;
	right: 0px;
	background: #fff5e4;
	line-height: 20px;
	color: #333333;
	border: 1px dashed #fac26c;
	padding: 10px 15px;
}

.needlogin a {
	color: #ff0000;
	text-decoration: underline;
}

.needlogin a:hover {
	text-decoration: none;
	color: #ff0000;
}

/*新增加样式*/
.clear:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both
}

.productsort ol li {
	clear: both;
	padding-left: 5px;
	width: 198px;
}

.productsort ol li img {
	float: left;
	width: 50px;
	margin-left: 4px;
}

.productsort ol li span {
	float: right;
	width: 130px;
	line-height: 18px;
	padding-right: 5px;
}

.paimg {
	width: 770px;
	margin-bottom: 20px;
}

.paidetail {
	width: 770px;
}

.paidetail img {
	float: left;
	margin: 0 15px;
}

.paidetail h1,.paidetail h2 {
	color: #f76e00;
	float: right;
	width: 620px;
	font-size: 12px;
	margin-bottom: 10px;
}

.paidetail h1 a {
	font-size: 14px;
}

.paidetail div {
	border: 1px #bfbfbf solid;
	background: #f6f9fd;
	padding: 10px;
	line-height: 20px;
}

.paidetail div h6 {
	padding: 10px 0 15px 0;
	font-size: 16px;
}

.paidetail div div {
	background: #fff;
	border: 1px #e3e6eb solid;
	padding: 10px;
	line-height: 20px;
}

.pricedetail {
	width: 748px;
	border: 1px #bfbfbf solid;
	background: #f6f9fd;
	padding: 10px;
	margin-top: 10px;
	overflow: hidden;
}

.pricedetail h1 {
	padding: 10px 0 15px 0;
	font-size: 16px;
}

.pricedetail h1 span {
	float: right;
}

.pricedetail ul {
	width: 370px;
	float: left;
	background: #fff;
	border: 1px #e3e6eb solid;
	height: 245px;
	overflow-y: scroll;
	overflow-x: none;
}

.pricedetail ul li {
	border-bottom: 1px #e3e6eb solid;
	line-height: 25px;
	height: 25px;
	background: url(../images/star.gif) no-repeat 5px center;
	padding-left: 20px;
}

.pricedetail span.red {
	color: #ff0000;
}

.pricedetail span.gray {
	color: #888888;
}

.pricedetail span.blue {
	color: #0328c1;
}

.pricedetail span.floatspan {
	float: left;
	width: 95px;
	line-height: 25px;
	height: 25px;
}

.paiword {
	width: 370px;
	float: left;
	background: #fff;
	height: 195px;
	border: 1px #e3e6eb solid;
	padding-top: 50px;
}

.pricedetail p {
	text-align: center;
	line-height: 20px;
	margin-bottom: 15px;
	font-size: 14px;
}

.pricedetail p b {
	color: #ff0000;
	font-size: 16px;
}

.pricedetail p span {
	color: #ff0000;
	font-size: 16px;
}

.logincomment {
	width: 770px;
	margin-top: 15px;
}

.pricedetail ol {
	background: #fff;
	border: 1px #e3e6eb solid;
	height: 245px;
	overflow-y: scroll;
	overflow-x: none;
}

.pricedetail ol li {
	border-bottom: 1px #e3e6eb solid;
	line-height: 25px;
	background: url(../images/star.gif) no-repeat 5px 5px;
	padding-left: 20px;
}

/*2010-01-22*/
.addcompose {
	width: 262px;
	float: left;
	line-height: 18px;
	padding-right: 10px;
	color: #404040;
}

.addcompose a {
	display: block;
	padding: 5px 5px;
	width: 80px;
	border: 1px solid #D7D7D7;
	margin-right: 10px;
	float: left;
}

.addcompose a img {
	width: 80px;
	float: left;
}

.addcompose a:hover {
	border: 1px solid #FFBE97;
}

.addcompose span {
	width: 155px;
	float: left;
}

.composeproduct {
	width: 490px;
	float: left;
	border-left: 1px dashed #d9d9d9;
}

.composeproduct ul li {
	float: left;
	width: 110px;
	text-align: center;
	line-height: 18px;
	margin-top: 5px;
	border-right: 1px dashed #fff;
	border-left: 1px dashed #fff;
	padding: 0 0 0 10px;
}

.composeproduct ul li span {
	text-align: left;
	display: block
}

.composeproduct ul li img {
	width: 60px;
}

.changethree {
	margin-top: 15px;
	margin-bottom: 10px;
	width: 770px;
}

.changethree ul {
	width: 770px;
	height: 30px;
	line-height: 30px;
	background: url(../images/repeatbor.gif) repeat-x;
}

.changethree ul li {
	float: left;
	font-size: 14px;
	margin-bottom: 5px;
	background: url(../images/threechange.gif) no-repeat;
	color: #404040;
	width: 104px;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}

.changethree ul li.hover {
	float: left;
	font-size: 14px;
	color: #D24F00;
	font-weight: bold;
	background: url(../images/changehover.jpg) no-repeat;
	border: none;
}

.changethree ul li.special {
	float: right;
	width: auto;
	background: none;
	padding-right: 10px;
	border-right: 1px solid #cfcfcf;
}

.hotactives {
	margin: 10px 0;
	width: 770px;
}

.hotactives ol {
	width: 770px;
	line-height: 20px;
}

.hotactives ol li {
	float: left;
	width: 375px;
	margin-right: 10px;
}

.yogertuijian {
	line-height: 18px;
	padding: 8px;
}

.redcomment {
	border-top: 1px dashed #ccc;
	color: #ff0000;
	padding: 5px 5px 0 5px;
	margin: 5px 0 0 0;
	line-height: 18px;
}

.graycomment {
	border-top: 1px dashed #ccc;
	color: #666;
	padding: 5px 5px 0 5px;
	margin: 5px 0 0 0;
	line-height: 18px;
}

/*2010-02-05-修改样式*/
.faqcontent .yogeradswer h1 {
	width: 620px;
	background: none;
	float: none;
}

table.smartTable {
	border: #ccc 1px solid;
}

table.smartTable tr.title {
	color: #2e7016;
	background: transparent url(../../images/global_caption_bg.gif) repeat-x
		;
	font-weight: 600;
	height: 25px;
	font-size: 14px;
	line-height: 27px;
	overflow: hidden;
}

img.middle {
	vertical-align: middle;
}

#userQuickOper a {
	color: #2e7016;
}

#userQuickOper a:hover {
	color: #439BC1;
	font-weight: 600;
}

#userQuickOper li {
	line-height: 25px;
	font-size: 13px;
}

#userQuickOper img {
	vertical-align: middle;
}

#info_category li {
	list-style-image: url(../../images/timeline_icon.gif);
	list-style-position: inside;
	padding: 2px 10px;
	list-style-position: 5px;
}

#info_category li a {
	color: #2e7016;
	font-size: 12px;
}

.mainTopicList {
	margin: 5px 10px;
}

.mainTopicList ul li {
	list-style-position: inside;
	padding: 2px 10px;
	height: 30px;
	line-height: 30px;
}

.mainTopicList ul li a {
	color: #2e7016;
	font-size: 12px;
}

#subCategoryList {
	margin: 5px 10px;
	width: 700px;
	background: url("../../images/cmxform-fieldset.gif") repeat-x;
	border: #ccc 1px solid;
	float: left;
}

#subCategoryList ul li {
	list-style-position: inside;
	list-style-image: url(../../images/pico_right.gif);
	padding: 2px 5px;
	line-height: 25px;
	width: 130px;
	float: left;
}

#subCategoryList ul li a {
	color: #2e7016;
	font-size: 12px;
}

#subCategoryList ul li a:hover {
	color: #439BC1;
	font-weight: 600;
}

.underline {
	text-decoration: underline;
}

.underline a {
	text-decoration: underline;
}

div.tip {
	background: #FFFFDD url(../../images/ktip_small.png) no-repeat;
	padding-left: 30px;
	margin: 2px 0;
	text-align: left;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	color: #E17009;
	width: 600px;
}
/**产品相关*/
.productTitle a:hover{
	color:#439BC1;
}

div.faqReply {
	background: #FFFFDD url(../../images/menu_chat.png) no-repeat;
	padding-left: 30px;
	margin: 2px 5px;
	text-align: left;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	color: #E17009;
	width: 600px;
}