/*! 梧桐子前台主体样式 reset功能以及原子类以及通用组件 PZJ2012年3月7日 14:52:10 */
/* ~~ 重置浏览器 ~~ */
body, html {height: 100%;}
body {font: 0.8em/1.8 宋体, Verdana, Arial, Helvetica, sans-serif;color: #333;position: relative;word-break:break-all;word-wrap:break-word;}
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, img, form, fieldset, input, select, textarea, p, blockquote, table, th, td, caption, button {padding: 0;	margin: 0;}
a img,img,fieldset { border: none;vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;}
td{ padding:3px;}
input, button, textarea, select {*font-size: 100%;}
i, cite, em, var, address, dfn {font-style: inherit;}
h1{font-size: 2em;}
h2{font-size: 1.5em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}
p{ line-height:1.8em;}

/* ~~ 链接 ~~ */
a,a:focus{ outline:none; }
a:link {color:#333; text-decoration: none;}
a:visited {	color: #930;text-decoration: none; }
a:hover, a:active, a:focus { color:#960;text-decoration: underline;}

ul {list-style:none;}
ol li{ margin-left:1.8em;}

ul,.hd,.bd,.reply_info,.citation{zoom:1;}
ul:after,.hd:after,.bd:after,.reply_info:after,.citation:after{content:'\20';display:block;clear:both;}

/* ~~ 对齐浮动 ~~ */
.clear {zoom:1; clear:both;height:0;font-size: 1px;line-height: 0px;}
.clearfix{ zoom:1;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;visibility: hidden;}
.tl {text-align:left}
.tc {text-align:center}
.tr {text-align:right}
.fr {float:right}
.fl {float:left}
.pr {position:relative}
.pa{ position:absolute}
.cp {cursor:pointer;}
.vt, .vt td {vertical-align:top}
.vm{ vertical-align:middle;}

/*字体大小*/
.b,.b a {font-weight:700;}
.w {white-space:nowrap}
.fn, .fn a {font-weight: normal;}
.fi ,.fi a{ font-style:italic;}
.f9 {font-size:10px;}
.f10, small, .small {font-size:10px;}
.f12 {	font-size:12px}
.f14 {	font-size:14px}
.f16 {	font-size:16px;}
.f20 {	font-size:20px;}
.f24 {	font-size:24px;}
.fn, .fn a {font-weight:normal;}
/*行高*/
.lh12 {	line-height:12px;}
.lh14 {	line-height:14px;}
.lh16 {	line-height:16px;}
.lh18 {	line-height:18px;}
.lh24 {	line-height:24px;}
/*高度*/
.h12 {	height:12px;}
.h22 {	height:22px;}
.h24 {	height:24px;}
/*宽度*/
.w750{ width:750px;}
.w200{ width:200px;}
.w650{ width:650px;}
.w300{ width:300px;}
.w240{ width:240px;}
.w320{ width:320px;}
/*span color*/
.s1,a.s1:link,.s1 a:link {color:#f00;}
.s2,a.s2:link,.s2 a:link {color:#960;}
.s3,a.s3:link,.s3 a:link {color:#1B83B8;}
.s4,a.s4:link,.s4 a:link {color:#999;}
.s5,a.s5:link,.s5 a:link {color:#333;}
.tdl {text-decoration:line-through;}
/*布局*/
.mt5 {margin-top:5px;}
.mt10 {	margin-top:10px;}
.mb5 {margin-bottom:5px;}
.mb8 {	margin-bottom:8px;}
.mb10 {	margin-bottom:10px;}
.mb15 {	margin-bottom:15px;}
.mb20 {	margin-bottom:20px;}
.mr5 {margin-right:5px;}
.mr8 {	margin-right:8px;}
.mr10 {	margin-right:10px;}
.mr20 {	margin-right:20px;}
.ml10 {margin-left:10px;}
.ml15 {	margin-left:15px;}
.ml20 {margin-left:20px;}
.p10 {padding:10px;}
.p15 {padding:15px;}
.none {display:none;}
.block {display:block;}

/*翻页*/
.pages { line-height: 24px;text-align: center; margin:8px 0;}
.pages a:visited{color: #960;}
.pages b, .pages a:hover {background-color: #960;color: white;padding: 2px 5px;border: 1px solid #960;margin: 0 3px;}
.pages a {	border: 1px solid #960;	background-color: #FFF;padding:2px 5px;margin: 0 3px;color: #960;text-decoration:none;}
a.pages_next em,a.pages_pre em,span.pages_next em,span.pages_pre em {font-family: "宋体";margin: 3px;font-weight: 300;font-style: normal;}
span.pages_next,span.pages_pre{border: 1px solid #999;padding:2px 5px;margin: 0 3px;color: #999;text-decoration:none;}
span.pages_next em,span.pages_pre em{}

.pages_simple{}
.pages_simple .pages_pre,.pages_simple .pages_next{ border:1px solid #DDD; background:#FFF;padding: 2px 6px;color: #666;text-decoration:none;}
.pages_simple .pages_next{}
.pages_simple .pages_pre{ margin:0 5px;}


/*加载中*/
.loading {text-align:center;	padding:30px;}
.loading span {	width: 172px;	height: 30px;	padding-left: 22px;	background: url(../images/loading.gif) no-repeat 0 center;	margin: 0 auto;	line-height: 30px;	color: #999;}
span.load{ width:32px; height:32px;background: url(../images/loading.gif) no-repeat 0 center; display:inline-block;}

/*对话框*/
.dialogMask { position:absolute; top:0; left:0; width:100%; height:100%; FILTER:alpha(opacity=20); moz-opacity:0.2; opacity:0.2; z-index:998; display:none; background-color:#000;}
.dialogMSG { position:absolute; z-index:999; display:none;}
.dialogWrap { background-color:#fff; border:1px solid #aaa;}
.dialogWrap .dialogTitle { text-shadow:0 1px 0 rgba(255, 255, 255, .7); position:relative; font-size:14px; line-height:30px; background:#f0f0f0; height:30px; padding-left:15px;}
.dialogTitle a.closeMSG { position: absolute;top: 0;right: 10px; font-size:18px; _font-size:14px;color:#000; text-decoration:none;font-family: Helvetica, STHeiti; background:none;}
.dialogTitle a.closeMSG:hover,.dialogTitle a.closeMSG:visited{color:#960;}
.dialogWrap .dialogContent { padding:15px;}
.dialogTable{ width:100%;}
.dialogTable td{ padding:0;}
.dialogTable .t_td { background:url(../images/bg-dialog.png) no-repeat 0 0; overflow:hidden;}
.dialogTable .t_c,.dialogTable .b_c { background-repeat:repeat-x; background-position:0 -10px; height:5px;}
.dialogTable .m_l,.dialogTable .m_r { background-repeat:repeat-y; background-position:-10px 0; width:5px;}
.dialogTable .t_l { height:5px;}
.dialogTable .t_r { background-position:-5px 0; height:5px;}
.dialogTable .b_l { background-position:0 -5px;}
.dialogTable .b_r { background-position:-5px -5px;}


.DivReply
{
	z-index: 999;
	left: 50%;
	top: 50%;
	margin-top: 0px;
	position: fixed !important;
	position: absolute;
	_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}
.bigDiv
{
	background-color: #666;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	filter: alpha(opacity=50);
	opacity: 0.5; 
	z-index: 100;
	position: fixed !important; 
	position: absolute; 
	_top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}


/* ~~ 分享 ~~ */
#share{}
#share a{font-size: 12px;text-align: left;height: 16px;line-height: 16px;padding-left: 16px;margin-right:4px;background: url(../images/share_ico.png) no-repeat;cursor: pointer;background-position: 0px -1408px; display: inline-block;}
#share a:hover {opacity: 0.8;FILTER:alpha(opacity=80); moz-opacity:0.8;}
#share #share_qzone{background-position: 0px -64px;}
#share #share_tqq{background-position: 0px -144px;}
#share #share_sina{background-position: 0px -96px;}
#share #share_qqshuqian{background-position: 0px -384px;}
#share #share_sohu{background-position: 0px -112px;}
#share #share_renren{background-position: 0px -160px;}
#share #share_kaixin{background-position: 0px -176px;}
#share #share_douban{background-position: 0px -560px;}
#share #share_baidu{background-position: 0px -80px;}
#share #share_fav{background-position: 0px -16px;}

/* ~~ 表格 ~~ */
.tablelist{ margin-bottom:10px;}
.tablelist table{width: 100%;}
.tablelist tr{ text-align:center;}
.tablelist td{ border-bottom:1px solid #ededed; padding:3px; }
.tablelist .tr2 td,.tablelist th{border-bottom: 1px solid #EDEDED;padding: 3px 5px;font-weight: bold;word-break: keep-all;white-space: nowrap;background: #F4F4F4;border-top: 1px solid #EDEDED;}

.tableform{ margin-bottom:10px;}
.tableform table{}
.tableform tr{}
.tableform th{ padding:3px;border-bottom:1px solid #ededed; width:170px; text-align:right;}
.tableform td{ padding:3px;border-bottom:1px solid #ededed;}

/* ~~ 按钮  表单~~ */
a.btn{background: #960;color: white;padding: 3px;}
span.btn{line-height:24px; height:24px;}
span.btn input{border: none; line-height:24px; height:24px;cursor:pointer;background-color: #960; color:#FFF;padding: 0 3px;font-size: 12px;}
.btn em{ font-style: normal;}
a.btn:hover,a.btn:visited{ color:#FFF;}

span.bt{background:url(../images/btn.png) no-repeat;}
a.bt,span.bt{ background-position:left -56px;}
.bt em,span.bt input{background-position:right -56px;}

select,  textarea, .input {border: 1px solid;padding: 3px 1px;background: white;font-size: 1em;color: black;border-color: #999 #E1E1E1 #E1E1E1 #999;vertical-align: middle;}
select{ padding:2px;}
textarea{padding: 3px 1px;width: 95%;}
.w1{ width:165px;}
.w2{ width:331px;}
.w40{ width:40px;}
select.w2{ width:335px;}
input[type="file"]{padding: 1px;}
input[type="radio"], input.radio{ border:none;}

.btn_buynow{ float:left; text-indent:-9999px; background:url(../images/btn_buynows.png) no-repeat; width:54px; height:17px; margin-right:3px;}
.btn_attention{ float:left; text-indent:-9999px; background:url(../images/btn_attentions.png) no-repeat; width:54px; height:17px;}
.poperate,.Poperate {margin: 0 auto;width: 117px;line-height: 1em;}
#sidebar .poperate,#sidebar .Poperate{margin-left: 64px;width:auto; height:17px;}
.poperate a.buynow,.Poperate a.buynow {
background: url(../images/btn_Sbtbuynow.png) center no-repeat;
text-indent: -9999px;
display: block;
height: 24px;
}

.child{display: none;}
#topnav li, #topnav li a{word-break:keep-all; color:#333;}
#topnav li a:visited{ color:#333;}

/* ~~ 头部 ~~ */
#header{}
.wrap, #iheader,#naviAuxiliary,#breadCrumb { width:960px; margin:0 auto;}
#topnav{ position:relative; z-index:100;height: 30px; line-height:30px;background: #F6F6F6;border-bottom: 1px solid #e0e0e0;}
#topnav .wrap{}
#topnav li{margin: 0 2px; word-break:keep-all; display:inline-block;*float: left;}
#topnav li.navcart a:visited{color:#960;}

#_cartCount{ color:#960; font-weight:bold;}

#topnav_l{ float:left}
#topnav_r{ float:right}
#topnav .showchild{position:relative; z-index:60; background: url(../images/sprite.png) 66px 8px no-repeat;padding-right: 10px;}
#topnav .hover{ background-position:66px -12px; }
#topnav .showchild ul{ display:none;}
#topnav .hover ul{display:block;width: 69px;position:absolute; right:0;   top:30px; padding:3px; background:#F6F6F6; border:1px solid #E0E0E0; border-top:none; z-index:50;}
#topnav .hover ul li{line-height:24px;}

#iheader{position:relative; z-index:90;}

#header #logo{float: left;height: 67px;width: 200px;}
#header .header_banner{ float:left; width:468px; height:60px;margin-top: 3px;margin-left: 50px;}
#header .header_right{ float:right;margin-top: 23px;}

/* 微博 */
#header .nsina,#header .nqq,#header li.navcart a{background:url(../images/icon_cooperation.png) no-repeat;padding: 2px 0 2px 19px;color:#960;}
#header .nsina{ background-position:0 -84px;}
#header .nqq{background-position: 0 -156px;}
#header li.navcart a{background-position:0 -133px }
    
/* 导航 */
#mainnav{background:url(../images/bg_mainnav.png) center top no-repeat; color:#FFF;width:960px; height:39px; margin:0 auto; }
#mainnav a{ color:#FFF; font-size:14px; font-weight:bold;}
#mainnav a:visited{ color:#FFF;}
#mainnav ul.nav{ padding-left:17px;}

#mainnav ul.nav li a{float: left;padding: 7px 10px 7px 10px;text-decoration: none;margin-right: 1px;}
#mainnav ul.nav li{float: left;}
#mainnav ul.nav li.navon a,#mainnav ul.nav li a:hover{background:url(../images/bg_navon.png) center repeat-x; color:#333;}
#mainnav ul.nav li.navon a:visited{ color:333;}
#mainnav ul.nav li.navon{}

/* 搜索框 */
#topsearch{ width:960px; margin:0 auto; height:38px; background:url(../images/bg_topsearch.png) center bottom no-repeat;}
#topsearch .i_keyword{ float:left;margin-top: 7px;margin-left: 10px;width: 600px;}
#topsearch .i_keyword a {margin: 5px;}


#topsearch .mod_search {width: 340px;height: 34px;float: right;margin-top: 3px;}

#topsearch .mod_search legend {display: none;}
#topsearch .searchbox{ position:relative;z-index: 40;width: 334px;height: 28px;}
.search_txt {position: absolute;left: 3px;top: 3px;background: #FFF;color: #999;width: 206px;height: 22px;padding: 1px 0px;padding-left: 5px;line-height: 22px;border: 1px solid #DDD; padding-right:54px;box-sizing: content-box;}
.serachbutton {position: absolute;right:3px;top: 3px;background:url(../images/serachbutton.png) center center no-repeat; height: 25px;line-height: 24px;border: none;font-size: 14px;text-align: center;color: white;padding: 0;margin: 0;cursor: pointer; width: 56px;}
.s_select {position: absolute;left: 220px;top: 4px;background: white;width: 47px;height: 22px;padding:0;border: 1px solid white;border-left: 1px solid #DDD;}
.s_select ul {position: absolute;border: 1px solid #DDD;background: white;line-height: 22px;width: 48px;margin: 23px 0 0 -1px;overflow: hidden;} 
.s_select ul li { padding-left:8px;cursor: pointer;white-space: nowrap;}
.s_select h6 {color: #999; vertical-align:bottom;padding-left:8px; display:block; padding-top:4px;padding-top:7px \9; *padding-top:5px;height:12px; line-height:12px;cursor: pointer; background:url(../images/sprite.png) 37px 4px no-repeat;font-weight: normal;	font-size:12px;white-space: nowrap;}



/* ~~ 面包屑导航 ~~ */
#naviAuxiliary,#breadCrumb{margin: 0 auto;padding: 4px 0;}
#naviAuxiliary em,#breadCrumb em{ font-style:normal; font-family:"宋体"; margin:0 5px;}
#naviAuxiliary a:visited,#breadCrumb a:visited{ color:#333;}


/* ~~文章内容~~ */
.essay{ font-size:14px; overflow:hidden;}
.essay a:link,.essay a:visited{ color:#960;}
.essay p{padding: 3px 0;font: 14px/1.8 Verdana, Arial, Helvetica, sans-serif;}
.essay img{ max-width:750px;}
#acontent .essay img{ max-width:600px;}

#sidebar{width:200px; float:left; *position:relative; *z-index:120;}
#content{ width:750px; float:right; *position:relative; *z-index:110;}



/* ~~ 底部 ~~ */
#footer{border-top: 1px #DBDBDB dashed;background: white url(../images/bg_footer.png) 0 -2px repeat-x;padding:10px 0 0;}

#footer .foot_navi{ border:1px solid #DDD;margin-top: 3px;}
#footer .foot_navi dl{padding-left: 50px;display: inline;float: left;width: 141px;border-right: 1px #f9f9f9 solid;margin: 10px 0;}
#footer .foot_navi dt{font-size: 16px;font-family: Microsoft yahei, 微软雅黑, 黑体;margin-bottom: 5px;}
#footer .foot_navi dd{}
#footer .foot_navi dd a{background: url(../images/sprite.png) no-repeat 0 -98px;padding-left: 10px;}
#footer .foot_navi .wtzstory{ clear:both; height:55px;border-top:1px solid #DDD; background:url(../images/wtz_story.png) center center no-repeat;}
#footer .footer_copyright{ text-align:center}
#footer .footer_copyright ul{margin-top: 10px}
#footer .footer_copyright #bottomList li{display:inline;padding: 0 10px;line-height: 24px;height:30px;border-right: 1px #333 solid}
#footer .footer_copyright #bottomList li.last{border-right:none}
#footer .footer_copyright a{color:#333}
#footer .footer_copyright p{line-height: 22px;height:22px;text-align: center;}


/* 返回顶部 */
a#roll_top{cursor:pointer;z-index:9999;width:22px; height:70px; display: block; background: url(../images/backtotop.png) 0 0 no-repeat; color:#FFF;text-indent: -9999px;}
a#roll_top:hover{}
#backtotop {display:none;width:22px; height:70px;left: 50%;position: absolute;margin-left: 474px;}







/* 评论得分 */
.rater-star {position: relative; list-style: none;margin: 0;padding: 0;	background-repeat: repeat-x;background-position: left top;float: left;}
.rater-star-item,.rater-star-item-current,.rater-star-item-hover {position: absolute;top: 0; left: 0;background-repeat: repeat-x;}
.rater-star-item {	background-position: -100% -100%;}
.rater-star-item-hover {background-position: 0 -50px;cursor:pointer;}
.rater-star-item-current { background-position:0 -50px;}


span.score{width:85px;height: 16px;background: url(../images/scorebg.png) left center repeat-x;display: inline-block; margin: 0 5px;}
span.score em{height: 16px;background: url(../images/score.png) left center repeat-x;display: inline-block;}


.searchnone{ border:1px solid #DDD; padding:50px; margin-bottom:8px;}
.cate_body .searchnone{ border:none;}

.err {padding: 70px 70px 70px 230px;background: url(../images/404.jpg) 70px 45px no-repeat;border: 1px solid #DDD;margin-bottom: 10px;border-image: initial;}
.picon p{background: url(../images/picon.png) 0 7px no-repeat;text-indent: 16px;}
.essay .picon p {background-position: 0 14px;}