@charset "utf-8";

body {font: normal normal 12px/1.2 '宋体', Verdana, Tahoma, Arial; color:#666; background: #f6e8df url(../images/bg_body.jpg) repeat-y center 0;}

/* == 全局布局 == */
.MainWrapper { width: 1000px; margin: 0 auto; background: #fff;}
.Container {width: 1000px; margin: 0 auto; overflow: hidden }
/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="images/bg_selected_color.png");_background:none;*/

/* == 头区 开始 == */
.header {height: auto; width: 1000px; margin: 0 auto;}
.header .top { position: fixed; position: relative; top: 0; width: 1000px; height: 27px; font-family: Verdana, '宋体';  line-height: 27px; border-top: 2px solid #a07156; background-color: #f8efea; z-index: 998;/* -webkit-box-shadow:0 1px 2px #aaa; -moz-box-shadow:0 1px 2px #aaa; box-shadow:0 1px 2px #aaa;*/}
/*.header .top {_position: absolute;}*/
.header .top .l, .header .top .r {display:none; position:absolute; top: -2px; width: 15px; height: 27px; border-top: 2px solid #a07156; background-color: #f8efea;/*-webkit-box-shadow:0 1px 2px #aaa; -moz-box-shadow:0 1px 2px #aaa; box-shadow:0 1px 2px #aaa; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#aaaaaa');clip:rect(0 15px 32px 0);*/}
.header .top .l { left: -15px}
.header .top .r { right: -15px}
/*.header .top .IEShadow {position:absolute; height:1px; width: 1002px; left: -1px; top: 26px; overflow: hidden; background: #f8efea; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#aaaaaa'); z-index: 0}*/
.header .top .float_l {padding-left: 20px; background: url(../images/global_icos.gif) left -263px no-repeat; }
.header .top .float_l div { line-height: 27px}
.header .top .float_l b { margin: 0 5px; font-weight: normal}
.header .top .float_l .welcome { display: none}
.header .top .float_l .welcome .greeting { float: left; *line-height: 30px}
.header .top .float_l .welcome .loginSign { float: left; position: relative; width: 280px; height: 27px; overflow: hidden }
.header .top .float_l .welcome .loginSign .linkWrap { display: block; position: absolute;}
.header .top .float_l .welcome .loginSign .linkWrap .link {}
.header .top .float_l .link { margin-right: 7px;}
.header .top .float_l .link, .header .top .float_l .link a { color: #f00}
.header .top .float_l .welcome .loginSign .loginBar { display: block; position: absolute; left: -280px}
.header .top .float_l .welcome .loginSign .loginBar span {}
.header .top .float_l .welcome .loginSign .loginBar .text_input {*position: relative; *top: -1px; _top: 0 }
.header .top .float_l .welcome .loginSign .loginBar .text_input input { position: relative; top: -1px; *top: 1px; _top: -1px; font-size:12px; padding: 1px; width:50px; border: 1px solid #DEC2A7; vertical-align: middle}
.header .top .float_l .welcome .loginSign .loginBar .btn_login { display: inline-block;_margin-top: 5px; *position: relative; *top: -1px; _top: 0}
.header .top .float_l .welcome .loginSign .loginBar .btn_login input { position: relative; width: 41px; height: 20px; top: -1px; *top: 1px; _top: -1px; vertical-align: middle}
.header .top .float_l .welcome .loginSign .loginBar .btn_reg img {position: relative;  top: -1px; *top: 0; _top: -1px; vertical-align: middle;}
.header .top .float_l .welcome .slider { float: left; position: relative; top: 2px; width: 290px; height: 25px;}
.header .top .float_l .welcome .slider div { position: relative; height: 23px; overflow: hidden}
.header .top .float_l .welcome .slider div ul {}
.header .top .float_l .welcome .slider div ul li { float: left; height: 23px; width: 290px; text-align: center; line-height: 23px}

.header .top .float_l .personPanel {width: 695px}
.header .top .float_l .personPanel .username { float: left; color: #f00}
.header .top .float_l .personPanel .itemsWrap { position: absolute; height: 25px;border: 0 solid transparent; line-height:normal; background:transparent; z-index: 2}
.header .top .float_l .personPanel .itemsWrapStyle {border: 1px solid #ebd5c9; height: auto; padding-bottom: 7px; background:#fff; /*-moz-box-shadow:0 1px 2px #aaa; box-shadow:0 1px 2px #aaa; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#aaaaaa');*/}
.header .top .float_l .personPanel .itemsWrap strong { font-weight: normal; line-height: 26px; *line-height:27px; padding-left: 1px; padding-right: 10px; color: #666; background: url(../images/global_icos.gif) right -295px no-repeat; *background-position: right -296px; cursor: pointer}
.header .top .float_l .personPanel .itemsWrapStyle strong {padding-left: 0; line-height: 24px; *line-height:25px;  background-position: right -325px; *background-position: right -326px; margin-bottom: 5px; color: #888;}
.header .top .float_l .personPanel .itemsWrap strong span { color: #f00; font-family:"宋体"}
.header .top .float_l .personPanel .itemsWrap a { display: none; clear: both; float:none; height: auto; padding: 4px 0; color: #a17256; overflow: auto; zoom: 1}
.header .top .float_l .personPanel .itemsWrapStyle a { display: block}
.header .top .float_l .personPanel .itemsWrap a:hover { background: #f8efea; text-decoration: none}
.header .top .float_l .personPanel .itemsWrap a span { cursor: pointer}
.header .top .float_l .personPanel .itemsWrap a .float_l { padding-left: 0; *position:relative; *top: 2px; background: none; }
.header .top .float_l .personPanel .itemsWrap a .float_r {*position:relative; *top: 1px; font-family:"宋体"}
.header .top .float_l .personPanel .items_1 {left: 290px; width: 135px}
.header .top .float_l .personPanel .items_1 strong { margin-left: 15px;}
.header .top .float_l .personPanel .items_1 a {padding: 4px 24px 4px 24px;}
.header .top .float_l .personPanel .items_1 a.more { padding-right: 20px;color: #888}
.header .top .float_l .personPanel .items_1 a.more:hover { background: none; text-decoration: underline}
.header .top .float_l .personPanel .items_2 {left: 415px; width: 110px;}
.header .top .float_l .personPanel .items_2 strong { margin-left: 27px;}
.header .top .float_l .personPanel .items_2 a {padding: 4px 10px 4px 10px;}
.header .top .float_l .personPanel .items_3 {left: 515px; width: 86px;}
.header .top .float_l .personPanel .items_3 strong { margin-left: 15px;}
.header .top .float_l .personPanel .items_3 a {padding: 4px 10px 4px 15px;}
.header .top .float_l .personPanel .itemsMsg { float:right; height: 25px; line-height: 26px; border: 1px solid #F8EFEA; line-height:25px; background:#F8EFEA; padding-bottom: 0; overflow: hidden}
/*.header .top .float_l .personPanel .itemsMsg strong { display: inline-block;  margin-bottom: 0; background:none}
.header .top .float_l .personPanel .itemsMsg strong a { display: inline-block; padding:0;}
*/
.header .top .float_l .personPanel .itemsMsg a span { color: #f00; font-family:"宋体"}

.header .top .float_r a.setDftPage { padding-left: 20px; padding-right: 20px; background: url(../images/global_icos.gif) right 1px no-repeat; *background-position: right 0;}
.header .top .float_r a.AddFavorite {margin-left: 10px; padding-right: 20px; background: url(../images/global_icos.gif) right -238px no-repeat; *background-position: right -240px;}
.header .top .float_r .wapSite {margin-left: 10px; padding-right: 20px; background: url(../images/global_icos.gif) 90px -29px no-repeat;}
/*.header .top input#Top1_txt_username, .header .top input#Top1_txt_password { border: 1px solid #DEC2A7 }*/

.header .logo { float:left; margin-top: 25px;}
.header .Ad { float:right; margin-top: 10px; width: 760px; height: 80px; overflow:hidden}
.header .nav { height: 61px; margin-top: 10px; background: url(../images/bg_nav.jpg) 0 0 repeat-x;}
.header .nav .wrap { width: 968px; margin: 0 auto; overflow:hidden}
.header .nav ul {padding-top: 12px; width: 1000px;}
.header .nav ul li {float: left; display: inline-block;}
.header .nav ul li h2 { float: left; display: inline-block; width: 48px; height: 19px; margin-top: 9px; background: url(../images/nav.png) 0 0 no-repeat;}
.header .nav ul li h2 a { display: block; height: 19px; text-indent: -999px;}
.header .nav ul li dl { float: left;}
.header .nav ul li dl dd { display: block; height: 22px; }
.header .nav ul li dl dd a { line-height: 16px; color: #fff; margin-right: 8px;}
.header .nav ul li#channelConsult { width: 172px;}
.header .nav ul li#channelConsult h2 { background-position: 0 0;}
.header .nav ul li#channelArticle { width: 222px;}
.header .nav ul li#channelArticle h2 { background-position: -100px 0;}
.header .nav ul li#channelTest { width: 119px;}
.header .nav ul li#channelTest h2 { background-position: -200px 0;}
.header .nav ul li#channelInfo { width: 171px;}
.header .nav ul li#channelInfo h2 { background-position: -300px 0;}
.header .nav ul li#channelO2Bar { width: 155px;}
.header .nav ul li#channelO2Bar h2 { background-position: -400px 0;}
.header .nav ul li#channelCommunity { width: 95px;}
.header .nav ul li#channelCommunity h2 { background-position: -500px 0;}
.header .nav ul li#channelSubjects { width: 48px;}
.header .nav ul li#channelSubjects h2 { background-position: -600px 0;}
/* == 头区 结束 == */

/* == 底部 开始 == */
.Footer { position: relative; padding: 10px 0 20px 0;}
.Footer p { text-align:center; }
.Footer .links { height: 28px; background: #a17256; color:#fff;}
.Footer .links a { line-height: 28px; margin:0 12px; color: #fff}
.Footer .links b { font-weight: normal}
.Footer .copyright { padding: 12px; font-family: Verdana, '宋体';}
/* == 底部 结束 == */

/* == 通用布局样式 == */
.Container {}
.Container .conts { float: left; width: 740px;}
.Container .conts .colLeft { float: left; width: 355px;}
.Container .conts .colRight { float: right; width: 375px;}
.Container .rightArea { float: right; padding-top:10px; width: 250px;}
/* -- 通用的Box样式 -- */
.boxGeneral { border: 1px solid #e8d5c4; background-color: #faf0e6;}
.boxGeneral .cpt { display: block; position:relative; height: 27px; padding-left: 9px; line-height: 27px; color:#000; font-size: 14px; background:url(../images/bg_cpt_general.jpg) 0 0 repeat-x; }
.boxGeneral .cpt a {color:#000}
.boxGeneral .cpt .rLink { position: absolute; top: 0; right: 5px; font-size: 12px; color: #a17256; font-weight: normal;}
.Ad { background-color: #ebebeb; overflow:hidden}
/* --可以通用的搜索样式-- */
.searchBox {}
.searchBox .keywords { height: 25px; width: 205px; line-height: 25px; padding-left: 4px; border: 1px solid #dec2a7;}
.searchBox .keywordsFocus { color: #666}
.searchBox .btn_search { height: 27px; width: 41px;}
/* --可以通用的面包屑样式-- */
.pageCrumbs { height: 27px; margin-top: 10px; padding-left: 10px; background: #c09980; line-height: 27px; color: #fff;}
.pageCrumbs a:link, .pageCrumbs a:visited, .pageCrumbs a:active, .pageCrumbs a:hover {color: #fff;}
/* --可以通用的分页按钮样式-- */
.pages  { font-family: Verdana, Tahoma, Arial; text-align: center; font-size: 14px; }
.pages a { display: inline-block; height: 23px; line-height: 23px; border: 1px solid #a17256; margin: 0 3px 0 4px; padding: 0 8px; background: #fff; }
.pages a.now, .pages a:hover { background: #a17256; color: #fff; text-decoration: none}
.pages a.now { font-weight: bold;}
.pages a.prev, .pages a.next { margin:0 10px;}

/*--页面右栏可通用的Tab样式--*/
.rightAreaTab { height: 236px; width: 248px; margin-top: 10px; border: 1px solid #e8d5c4; background: #faf0e6; overflow:hidden }
.rightAreaTab .tab { height: 27px; }
.rightAreaTab .tab li { float: left; height: 27px; background: url(../images/bg_tabs.png) 0 0 repeat-x; line-height: 27px; text-align: center; color: #000; font-size: 13px; }
.rightAreaTab .tab li strong { font-weight: normal; cursor: pointer}
.rightAreaTab .tab li.now { background-position: 0 1000px; }
.rightAreaTab .tab li.now strong { font-weight: bold}


/** == 1. 首页样式 == */

/* -- 1.1 Top News -- */
.topNews {}

.topNews #dPlayer { position: relative; margin-top: 10px; width: 351px; height: 408px; border: 2px solid #eddcd2;}
.topNews #dPlayer .trigger { width: 351px; height: 23px; text-align: right; padding-top: 4px; background: #000 }
.topNews #dPlayer .trigger li { display:inline; width: 18px; height: 20px; margin-right:3px;}
.topNews #dPlayer .trigger li a { display:inline-block; width: 18px; height: 20px; line-height:20px; background-color:#404040; color: #d4d4d4; text-align:center; font-family: Verdana, Arial; font-weight: bold}
.topNews #dPlayer .trigger li a img { border: 4px solid #fff;}
.topNews #dPlayer .trigger li.now a, .topNews #dPlayer .trigger li.now a:hover, .topNews #dPlayer .trigger li.more a, .topNews #dPlayer .trigger li.more a:hover { background-color:#76472b; color: #fff }
.topNews #dPlayer .trigger li a:hover { background-color:#76472b; color: #fff; text-decoration: none}
.topNews #dPlayer .catpitonWrap { position:absolute; bottom: 27px; width: 351px; height: 44px; background: url(../images/bg_caption.png) 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="images/bg_caption.png"); _background:none; z-index: 1; overflow:hidden}
.topNews #dPlayer .catpitonWrap .inner { height: 24px; margin-top: 12px; overflow:hidden}
.topNews #dPlayer .catpitonWrap .inner ul { width: 351px; margin-left: 12px; }
.topNews #dPlayer .catpitonWrap .inner ul li { height: 40px; font-size: 18px; line-height: 20px; _line-height: 20px; padding-left: 10px; font-weight: bold; }
.topNews #dPlayer .catpitonWrap .inner ul li a { color:#fff; font-family:"微软雅黑",Verdana, "宋体"; }
.topNews #dPlayer .banner { position:relative; width: 351px; height: 381px; z-index: 0}
.topNews #dPlayer .banner li { position:absolute; display:block; width: 351px; height: 381px; background-position: 0 0; background-repeat: no-repeat;}
.topNews #dPlayer .banner li a { display: block; width: 351px; height: 381px;}

/* -- Top 专家专栏Box/专家访谈Box -- */
.topNews #topExpert { height: 333px; width: 353px; margin-top: 10px; border: 1px solid #e8d5c4; }
.topNews #topExpert .tab { height: 27px; }
.topNews #topExpert .tab li { float: left; height: 27px; background: url(../images/bg_tabs.png) 0 0 repeat-x; line-height: 27px; text-align: center; color: #000; font-size: 13px; }
.topNews #topExpert .tab li.t1 {width: 176px;}
.topNews #topExpert .tab li.t2 {width: 176px; border-left: 1px solid #e8d5c4;}
.topNews #topExpert .tab li strong { font-weight: normal; cursor: pointer}
.topNews #topExpert .tab li.now { background-position: 0 -27px; }
.topNews #topExpert .tab li.now strong { font-weight: bold}
.topNews #topExpert .tabC { float:none; clear:both}
.topNews #topExpert .tabC .cont { display: none; padding-top: 10px; }
.topNews #topExpert .tabC .now { display: block}
.topNews #topExpert .tabC .cont dl {height: 117px; overflow:hidden;}
.topNews #topExpert .tabC .cont dl dt { float:left; width: 115px; padding-left: 9px; }
.topNews #topExpert .tabC .cont dl dt img { width: 101px; height: 113px; padding: 1px; background: #fff; border:1px solid #e0e0e0; margin-right: 10px; }
.topNews #topExpert .tabC .cont dl dt span { position:absolute; display:inline-block; margin: 97px 0 0 2px; width: 101px;height: 18px; line-height: 18px; text-align: center; color: #fff; background: url(../images/bg_caption.png) 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="../images/bg_caption.png"); _background:none; }
.topNews #topExpert .tabC .cont dl dt a:hover { text-decoration: none}
.topNews #topExpert .tabC .cont dl dd { float: left; width: 216px;}
.topNews #topExpert .tabC .cont dl dd h2 a { color: #a17256; font-size: 14px; line-height: 25px;}
.topNews #topExpert .tabC .cont dl dd .more, .topNews #topExpert .tabC .cont dl dd .more a { color: #a17256}
.topNews #topExpert .tabC .cont dl dd p { height: 90px; line-height: 22px}
.topNews #topExpert .tabC .cont ul { padding: 10px 10px 0 10px; float: none; clear:both; zoom:1}
.topNews #topExpert .tabC .cont ul li { float: left; line-height: 23px; width: 327px; overflow:hidden; zoom:1}
.topNews #topExpert .tabC .cont ul li .tit { float:left; padding-left: 10px; background: url(../images/list_ico.gif) 2px 50% no-repeat;}
.topNews #topExpert .tabC .cont ul li .auth { float:right; display: inline-block;}

/* -- 首页Tabs Box: 心理调查|成长故事|心理新闻|企业访谈 -- */
.topNews #topTabs { height: 254px; width: 355px; margin-top: 17px; background:#fff; overflow:hidden}
.topNews #topTabs .tab { height: 26px; width: 355px; border-bottom: 1px solid #dfdfdf; _overflow: hidden  }
.topNews #topTabs .tab li { float: left; height: 26px; width: 78px; margin-left: 5px; background: url(../images/bg_tabs.png) 0 -128px repeat-x; line-height: 26px; text-align: center; color: #666; font-size: 14px; border: 1px solid #dfdfdf; border-bottom: none; overflow:hidden}
.topNews #topTabs .tab li.t1 { margin-left: 10px; _margin-left: 5px}
.topNews #topTabs .tab li.t2 {}
.topNews #topTabs .tab li strong { font-weight: normal; cursor: pointer}
.topNews #topTabs .tab li.now { position:relative; background-position: 0 -100px; color:#000 }
.topNews #topTabs .tab li.now strong { font-weight: bold}
.topNews #topTabs .tabC { float:none; clear:both}
.topNews #topTabs .tabC .cont { display: none; padding-top: 11px; }
.topNews #topTabs .tabC .now { display: block}
.topNews #topTabs .tabC .cont dl {}
.topNews #topTabs .tabC .cont dl dt { float: left;}
.topNews #topTabs .tabC .cont dl dt img { width: 163px; height: 212px; padding: 1px; background: #fff; border:1px solid #e0e0e0; margin-right: 15px; }
.topNews #topTabs .tabC .cont dl dd { float: left; width: 157px}
.topNews #topTabs .tabC .cont dl dd h2 a { font-size: 14px; color: #a17256; line-height: 25px;}
.topNews #topTabs .tabC .cont dl dd p { line-height: 24px;}
.topNews #topTabs .tabC .cont dl dd .more, .topNews #topTabs .tabC .cont dl dd .more a { color:#a17256 }

/* -- 精彩推荐Box -- */
.topNews #topPush { height: 230px; margin-top: 10px; background-color:#fff}
.topNews #topPush h1 { height: 31px; text-indent: -999px; background: url(../images/cpt_topPush.png) 0 0 no-repeat; }
.topNews #topPush dl { padding-top: 5px;}
.topNews #topPush dl dt { height: 42px; text-align: center; line-height: 42px;}
.topNews #topPush dl dt a { font-family:"微软雅黑", Verdana, "宋体"; font-size: 22px; color: #bd4700;}
.topNews #topPush dl dd {display: block; height: 49px;}
.topNews #topPush dl dd ul {}
.topNews #topPush dl dd ul li { float: left; width: 162px; padding-left: 25px; background: url(../images/list_ico.gif) 15px 50% no-repeat; }
.topNews #topPush dl dd ul li a { color: #5b5b5b; font-size: 14px; line-height: 23px; }

/* -- 本周心理专题Box -- */
.topNews #weekPsySbj { height: 182px; background: #fff} 
.topNews #weekPsySbj .cpt { display: block; height: 27px; position: relative; padding-left: 9px; background: url(../images/bg_cpt_brown.jpg) 0 0 repeat-x; font-size: 14px; line-height: 27px; color: #fff }
.topNews #weekPsySbj .cpt .rLnk { position: absolute; top: 0; right: 5px; font-size: 12px; font-weight: normal; font-size: 12px; color: #fff}
.topNews #weekPsySbj dl { padding-top: 8px;}
.topNews #weekPsySbj .pic { float: left; /*width: 96px;*/ width: 133px; height: 86px; padding: 1px; background: #fff; border:1px solid #e0e0e0; margin-right: 12px; }
.topNews #weekPsySbj h2 a { font-size: 14px; color: #a17256; line-height: 25px;}
.topNews #weekPsySbj p { line-height: 23px;}
.topNews #weekPsySbj .more, .topNews #weekPsySbj .more a { color:#a17256 }

/* -- 首页榜单Box: 最新榜单 | 最热榜单 -- */
.topNews #topBoards { position: relative; height: 396px; margin-top: 10px; background: #fff; overflow:hidden} 
.topNews #topBoards .tab { height: 31px; background: url(../images/bg_tabs_topBoards.png) 0 -67px repeat-x; }
.topNews #topBoards .tab li { float: left; height: 31px; width: 85px; margin-right: 5px; background: url(../images/bg_tabs_topBoards.png) 0 -35px no-repeat; line-height: 26px; text-align: center; color: #fff; font-size: 14px; overflow:hidden}
.topNews #topBoards .tab li strong { font-weight: normal; cursor: pointer}
.topNews #topBoards .tab li.now { background-position: 0 0; color:#fff }
.topNews #topBoards .tab li.now strong { font-weight: bold}
.topNews #topBoards .rLink { position: absolute; top: 5px; right: 5px;}
.topNews #topBoards .rLink a { color: #a17256 }
.topNews #topBoards .tabC { float:none; clear:both; zoom:1}
.topNews #topBoards .tabC .cont { display: none; }
.topNews #topBoards .tabC .now { display: block}
.topNews #topBoards .tabC .cont dl { float:none; clear:both; height: 101px; border-bottom: 1px solid #ebebeb; padding-top: 20px; margin-top: 3px; background: url(../images/captions_topBoards.gif) 0 0 no-repeat; }
.topNews #topBoards .tabC .cont dl dt { float: left; margin-right: 10px; }
.topNews #topBoards .tabC .cont dl dt img {width: 96px; height: 86px; padding: 1px; background: #fff; border:1px solid #e0e0e0;}
.topNews #topBoards .tabC .cont dl dd { float: left; width: 265px;}
.topNews #topBoards .tabC .cont dl dd h2 { height: 24px;}
.topNews #topBoards .tabC .cont dl dd h2 a { font-family:"微软雅黑",Arial, "宋体"; color: #bd4700; font-size: 16px;}
.topNews #topBoards .tabC .cont dl dd ul {zoom:1}
.topNews #topBoards .tabC .cont dl dd ul li {padding-left: 10px; background: url(../images/list_ico.gif) 0 50% no-repeat; font-size: 14px; line-height: 23px}
.topNews #topBoards .tabC .cont dl.channel01 { background-position: 0 2px;}
.topNews #topBoards .tabC .cont dl.channel02 { background-position: 0 -198px;}
.topNews #topBoards .tabC .cont dl.channel03 { background-position: 0 -398px; border-bottom:none}

/* -- 心理氧吧专题Box -- */
.topNews #topO2Bar { height: 199px; margin-top: 10px; border-bottom: 1px solid #e8d5c4; background: url(../images/bg_box_gradient.png) 0 0 no-repeat;} 
.topNews #topO2Bar .cpt { display: block; height: 32px; position: relative; padding-left: 10px; font-size: 14px; line-height: 28px; color: #000 }
.topNews #topO2Bar .cpt .rLnk { position: absolute; top: 0; right: 10px; font-weight: normal; font-size: 12px; color: #905f2f}
.topNews #topO2Bar .tab { height: 37px; margin-left: 2px; _margin-left:-4px; zoom: 1;}
.topNews #topO2Bar .tab li { float: left; height: 31px; width: 67px; margin-left: 6px; background: url(../images/bg_tabs_topBoards.png) 50% -140px no-repeat; line-height: 23px; text-align: center; color: #a17256; font-size: 14px; overflow:hidden}
.topNews #topO2Bar .tab li strong { font-weight: normal; cursor: pointer}
.topNews #topO2Bar .tab li.now { background-position: 50% -100px; color:#fff }
.topNews #topO2Bar .tab li.now strong { font-weight: bold}
.topNews #topO2Bar .tabC { zoom:1}
.topNews #topO2Bar .tabC .cont { display: none; margin-left: 7px }
.topNews #topO2Bar .tabC .now { display: block}
.topNews #topO2Bar .tabC .cont ul { zoom:1}
.topNews #topO2Bar .tabC .cont ul li { float: left; width: 120px; text-align: center; overflow: hidden;}
.topNews #topO2Bar .tabC .cont ul li .img { display: block; width: 103px; height: 98px; background: #fff; padding: 1px; border: 1px solid #e0e0e0;}
.topNews #topO2Bar .tabC .cont ul li .img span {display: block; width: 103px; height: 98px; text-align: center; overflow: hidden}
.topNews #topO2Bar .tabC .cont ul li img { /*width: 101px; height: 96px;*/ height: 98px;  }
.topNews #topO2Bar .tabC .cont ul li p { line-height: 25px}
.topNews #topO2Bar .tabC .contMovie ul li .img { width: 107px; height: 102px; overflow: hidden; border:none; padding: 0;}
.topNews #topO2Bar .tabC .contMovie ul li .img span {width: 107px; height: 102px;  text-align: center}
.topNews #topO2Bar .tabC .contMovie ul li img { height: 98px; width:auto; background: #fff; padding: 1px; border: 1px solid #e0e0e0;}
.topNews #topO2Bar .tabC .contBook ul li .img { width: 107px; height: 102px; overflow: hidden; border:none; padding: 0;}
.topNews #topO2Bar .tabC .contBook ul li .img span {width: 107px; height: 102px;  text-align: center}
.topNews #topO2Bar .tabC .contBook ul li img { height: 98px; width:auto; background: #fff; padding: 1px; border: 1px solid #e0e0e0; }
/* -- 咖啡心语Box -- */
.topNews #essenceText { position: relative; height: 184px; background: url(../images/bg_box_home.gif) 0 0 no-repeat; }
.topNews #essenceText .cpt { display: block; height: 41px; text-indent: -9999px; }
.topNews #essenceText #date { position:absolute; top: 10px; right: 10px; color: #fff;}
.topNews #essenceText #date span {display:none}
.topNews #essenceText .visibleArea { position: relative; margin-left: 12px; width: 226px; height: 120px; overflow:hidden}
.topNews #essenceText .visibleArea .inner {}
.topNews #essenceText .visibleArea .inner ul { width: 1000px; }
.topNews #essenceText .visibleArea .inner ul li { float:left; width: 226px; height: 120px; color: #b38c76; line-height: 23px; }
.topNews #essenceText .visibleArea .inner ul li .align_r { font-weight: bold; color: #a97f66; }
.topNews #essenceText .trigger { margin:3px 0 0 8px;}
.topNews #essenceText .trigger a { display: inline-block; width: 18px; height: 15px; background: url(../images/bg_box_home.gif) -7px -164px no-repeat;}
.topNews #essenceText .trigger a.next { background-position: -25px -164px;}
.topNews #essenceText .rLink { position: absolute; bottom: 6px; right: 10px;}
.topNews #essenceText .rLink a {color: #B38C76}
/* -- 解困惑Box -- */
.topNews #topConsults { height: 247px; padding: 0 7px 0 11px; margin-top: 10px; background: url(../images/bg_box_home.gif) 0 -194px no-repeat;}
.topNews #topConsults .cpt { display:block; height: 38px; text-indent: -999px;}
.topNews #topConsults .btns { height: 77px;}
.topNews #topConsults .btns a { display: inline-block; height: 33px; width: 113px; background: url(../images/btn_consult_confused.gif) 0 0 no-repeat; }
.topNews #topConsults .btns a:hover {-moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8;}
.topNews #topConsults .btns a.b1 { background-position: -57px 0; padding-bottom: 3px}
.topNews #topConsults .btns a.b2 { background-position: 0 -37px;}
.topNews #topConsults .btns a.b3 { background-position: -118px -37px;}
.topNews #topConsults .btns a span { visibility: hidden; text-decoration: none}
.topNews #topConsults .btns a:hover, .topNews #topConsults .btns a:hover span { text-decoration:none}
.topNews #topConsults ul { zoom: 1}
.topNews #topConsults ul li { line-height: 24px; padding-left: 10px; background: url(../images/list_ico.gif) 0 50% no-repeat; }

/* -- 心理培训Box -- */
.topNews #topPsyTraining { height: 154px; margin-top: 10px}
.topNews #topPsyTraining ul {zoom: 1; padding: 2px 9px 0 11px;}
.topNews #topPsyTraining ul li { line-height: 24px; padding-left: 10px; background: url(../images/list_ico.gif) 0 50% no-repeat;}

/* -- 会员活动预告Box -- */
.topNews #topUpComingEvents { height: 199px; margin-top: 10px}
.topNews #topUpComingEvents ul {zoom: 1; padding: 0px 9px 0 11px;}
.topNews #topUpComingEvents ul li { line-height: 24px; padding-left: 10px; background: url(../images/list_ico.gif) 0 50% no-repeat;}
.topNews #topUpComingEvents p {text-align:center; margin-top: 5px;}
.topNews #topUpComingEvents img { width: 226px; height: 39px; background: #fff; padding: 1px; border: 1px solid #e0e0e0;}

/* -- 广告位：Ad -- */
.topNews .rightArea .Ad { height: 200px; width: 250px; margin-top: 10px}
.topNews .Ad { height: 90px; margin-top: 10px }

/* -- 1.2 看文章 -- */
.iTit { height: 39px; margin-top: 10px; background: url(../images/iCaptions_home.gif) 0 0 no-repeat;}
.iTit h2 { float: left; display: inline-block; }
.iTit h2 a { display: block; width: 160px; height: 27px; margin: 5px 0 0 15px; text-indent: -999px}
.iTit .subTit { float:left; display: inline-block; width: 230px; text-align: center; line-height: 37px; font-size: 14px; color: #f9e6d4}
.iTit ul { float: right; zoom: 1;}
.iTit ul li { float:left; display: inline-block; line-height: 38px; font-size: 14px; color: #e8d0b8;}
.iTit ul li a:link, .iTit ul li a:visited, .iTit ul li a:hover { margin: 0 12px; color: #000}

#iArticle {}

/* -- 分类导航Box -- */
#iArticle #iArticleCategory { height: 221px; width: 740px; margin-top: 11px; background: url(../images/bg_iArticle_category.jpg) 0 0 no-repeat; overflow:hidden}
#iArticle #iArticleCategory dl { float: none; clear: both; height: 76px;}
#iArticle #iArticleCategory dl dt { float: left; width: 354px; overflow:hidden}
#iArticle #iArticleCategory dl dt strong { float: left; display: block; width: 190px; height: 65px;}
#iArticle #iArticleCategory dl dt strong a { display: block; width: 182px;  height: 65px; text-indent: -999px;}
#iArticle #iArticleCategory dl dt p { color: #fff; margin-top:14px; line-height: 12px}
#iArticle #iArticleCategory dl dt p a { font-weight: bold; color: #fff; margin: 0 8px;}
#iArticle #iArticleCategory dl dd { float:left; width: 374px; padding: 6px 0 0 10px;}
#iArticle #iArticleCategory dl dd a { display: inline-block; width: 167px; margin-left: 5px; font-size: 14px; font-family: "微软雅黑",Arial, "宋体"; line-height: 27px; padding-left: 10px; background: url(../images/list_ico.gif) 0 50% no-repeat;}

/* -- 首页看文章的搜索Box -- */
#iArticle .searchBox { height: 89px; margin-top: 10px; padding: 15px 0 0 9px; border: 1px solid #e8d5c4;}
#iArticle .searchBox .cpt { float:left; display:block; height: 26px; width: 78px; background: url(../images/title_search_iArticle.gif) 0 0 no-repeat; text-indent: -999px;}
#iArticle .searchBox .keywords { background: url(../images/bg_search_keywords.gif) 0 0 repeat-x; margin-right: 7px; color: #bbb;}
#iArticle .searchBox .keywordsFocus { color: #666}
#iArticle .searchBox .tags { margin: 7px 5px 0 3px;}
#iArticle .searchBox .tags a { display: inline-block; margin-right: 5px; line-height: 25px;}
#iArticle .searchBox .tags a.highlight { font-weight: bold; color: #a17256;}

/* -- 心理百科Box -- */
#iArticle #iArticleBaike { height: 204px; margin-top: 10px; padding-left: 2px;
border-bottom: 1px solid #e8d5c4; background: url(../images/bg_box_gradient.png) 0 0 no-repeat; overflow: hidden} 
#iArticle #iArticleBaike .inner {height: 204px; background: url(../images/bg_box_gradient.png) right 0 no-repeat;}
#iArticle #iArticleBaike .cpt { display: block; height: 30px; position: relative; padding-left: 10px; font-size: 14px; line-height: 28px; color: #000 }
#iArticle #iArticleBaike .cpt .rLnk { position: absolute; top: 0; right: 10px; font-weight: normal; font-size: 12px; color: #905f2f}
#iArticle #iArticleBaike dl { padding: 0 0 0 9px}
#iArticle #iArticleBaike dl dt { float: left;}
#iArticle #iArticleBaike dl dt img { width: 146px; height: 161px; padding: 1px; background: #fff; border:1px solid #e0e0e0; margin-right: 15px; }
#iArticle #iArticleBaike dl dd { float: left; width: 174px}
#iArticle #iArticleBaike dl dd h2 a { font-size: 14px; color: #a17256; line-height: 25px;}
#iArticle #iArticleBaike dl dd p { line-height: 24px;}
#iArticle #iArticleBaike dl dd .more, #iArticle #iArticleBaike dl dd .more a { color:#a17256 }

/* -- 企业应用Box|成长故事Box -- */
#iArticle #corpApp_story { height: 321px; margin-top: 10px; overflow: hidden}
#iArticle #corpApp_story .tab { height: 32px; background: url(../images/bg_tabs_topBoards.png) 0 -240px repeat-x; }
#iArticle #corpApp_story .tab li { float: left; height: 32px; background: url(../images/bg_tabs_topBoards.png) 0 -240px no-repeat; line-height: 26px; text-align: left; color: #fff; font-size: 14px; overflow:hidden}
#iArticle #corpApp_story .tab li strong { margin-left: 9px;}
#iArticle #corpApp_story .tab li.now { /*background-position: center -200px;*/}
#iArticle #corpApp_story .tab li.now strong {}
#iArticle #corpApp_story .tabC { float:none; clear:both; zoom:1}
#iArticle #corpApp_story .tabC .cont { display: none; width: 375px; overflow:hidden }
#iArticle #corpApp_story .tabC .now { display: block}
#iArticle #corpApp_story .tabC .cont ul { margin: 2px 0 0 5px; width: 375px; zoom: 1}
#iArticle #corpApp_story .tabC .cont ul li strong { line-height: 23px; color: #000}
#iArticle #corpApp_story .tabC .cont ul li strong a { color: #000}
#iArticle #corpApp_story .tabC .cont ul li { float: left; width: 125px; height: 147px; overflow:hidden}
#iArticle #corpApp_story .tabC .cont ul li .img { display: block; width: 111px; height: 76px; text-align: center; padding: 1px; background: #fff; border:1px solid #e0e0e0; overflow: hidden }
#iArticle #corpApp_story .tabC .cont ul li .img span { display: block; width: 111px; height: 76px; overflow: hidden}
#iArticle #corpApp_story .tabC .cont ul li img {height: 76px;}
#iArticle #corpApp_story .tabC .cont ul li p { text-align:center; margin-right: 10px; line-height: 16px;}

/* --首页=>看文章右侧"专家专栏"Box-- */
#iArticle #iArticleExpert { height: 277px; margin-top: 1px}
#iArticle #iArticleExpert dl { height: 75px; border-top: 1px dashed #e1d8cf; margin: 0 9px 0 9px; padding-top: 4px;}
#iArticle #iArticleExpert dl.first { border-top: none; padding-top: 9px}
#iArticle #iArticleExpert dl dt { float:left; width: 82px;}
#iArticle #iArticleExpert dl dt span { position:absolute; display: inline-block; width: 70px; height: 18px; margin: 50px 0 0 2px;line-height: 18px; text-align: center; color: #fff; background: url(../images/bg_caption.png) 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="images/bg_caption.png"); _background:none;}
#iArticle #iArticleExpert dl dt img { width: 71px; height: 66px; padding: 1px; background: #fff; border:1px solid #e0e0e0; }
#iArticle #iArticleExpert dl dd { }
#iArticle #iArticleExpert dl dd a { display: block; line-height: 24px;}

/*--首页=>看文章右侧广告位Box--*/
#iArticle .rightArea .Ad { height: 126px; width: 250px; margin-top: 10px}
/*--首页=>看文章底部广告位Box--*/
#iArticle .Ad { height: 90px; width: 1000px; margin-top: 10px}

/* -- 1.3 玩测试 -- */
#iTest {}
#iTest .iTit { background-position: 0 -40px;}
#iTest .iTit .subTit { width: 200px}
#iTest .iTit ul { padding-right: 3px}
#iTest .iTit ul li a:link, #iTest .iTit ul li a:visited, #iTest .iTit ul li a:hover { font-size: 12px; margin: 0 2px; }
/* --趣味在线测试Box-- */
#iTest #funTestPlayer { position: relative; height: 359px; margin-top: 11px; border: 1px solid #faf0e6; background: #faf0e6;}
#iTest #funTestPlayer h2 { display: block; height: 22px; width: 100px; margin: 8px 0 8px 9px; text-indent: -999px; background: url(../images/caption_funOnlineTest.gif) 0 0 no-repeat;}
#iTest #funTestPlayer .banner { position:relative; width: 333px; height: 312px; margin-left: 9px; z-index: 0; border: 1px solid #dcdcdc;}
#iTest #funTestPlayer .banner li { position:absolute; display:block; width: 333px; height: 312px; background-position: 0 0; background-repeat: no-repeat;}
#iTest #funTestPlayer .banner li a { display: block; width: 333px; height: 312px;}
#iTest #funTestPlayer .trigger { position:absolute; width: 327px; height: 23px; margin: -27px 0 0 10px; text-align: right; padding: 4px 6px 0 0; background: #000; z-index: 1 }
#iTest #funTestPlayer .trigger li { display:inline; width: 18px; height: 20px; margin-right:0;}
#iTest #funTestPlayer .trigger li a { display:inline-block; width: 18px; height: 20px; line-height:20px; background-color:#404040; color: #d4d4d4; text-align:center; font-family: Verdana, Arial; font-weight: bold}
#iTest #funTestPlayer .trigger li a img { border: 4px solid #fff;}
#iTest #funTestPlayer .trigger li.now a, #iTest #funTestPlayer .trigger li.now a:hover { background-color:#76472b; color: #fff }
#iTest #funTestPlayer .trigger li a:hover { background-color:#76472b; color: #fff; text-decoration: none}
#iTest #funTestPlayer .catpitonWrap { position:absolute; bottom: 33px; left: 10px; width: 333px; height: 44px; background: url(../images/bg_caption.png) 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="images/bg_caption.png"); _background:none; z-index: 1; overflow:hidden}
#iTest #funTestPlayer .catpitonWrap .inner { height: 24px; margin-top: 12px; overflow:hidden}
#iTest #funTestPlayer .catpitonWrap .inner ul { width: 321px; margin-left: 12px; }
#iTest #funTestPlayer .catpitonWrap .inner ul li { height: 40px; font-size: 18px; line-height: 20px; _line-height: 20px; padding-left: 10px; font-weight: bold; }
#iTest #funTestPlayer .catpitonWrap .inner ul li a { color:#fff; font-family:"微软雅黑",Verdana, "宋体"; }

/* -- 最热门趣味测试Box | 最热门专业测量Box-- */
#iTest #iTestTabs { height: 207px; width: 355px; padding-top: 10px; background:#faf0e6; overflow:hidden}
#iTest #iTestTabs .tab { height: 26px; width: 355px; border-bottom: 1px solid #dfdfdf; _overflow: hidden  }
#iTest #iTestTabs .tab li { float: left; height: 26px; width: 164px; margin-left: 5px; background: url(../images/bg_tabs.png) 0 -128px repeat-x; line-height: 26px; text-align: center; color: #666; font-size: 14px; border: 1px solid #dfdfdf; border-bottom: none; overflow:hidden}
#iTest #iTestTabs .tab li.t1 { margin-left: 10px; _margin-left: 5px}
#iTest #iTestTabs .tab li.t2 {}
#iTest #iTestTabs .tab li strong { font-weight: normal; cursor: pointer}
#iTest #iTestTabs .tab li.now { position:relative; background-position: 0 -156px; height: 26px; color:#000 }
#iTest #iTestTabs .tab li.now strong { font-weight: bold}
#iTest #iTestTabs .tabC { float:none; clear:both}
#iTest #iTestTabs .tabC .cont { display: none; padding-top: 5px; padding-left: 38px; background: url(../images/ico_ranking.gif) 14px 10px no-repeat; }
#iTest #iTestTabs .tabC .now { display: block}
#iTest #iTestTabs .tabC .cont a { line-height: 24px;}

/* -- 首页=>玩测试中间栏测试分类列表 -- */
#iTest #iTestCategory { margin-top: 11px; width: 375px; overflow: hidden}
#iTest #iTestCategory .category { width: 375px; height: 147px; margin-left: 5px;}
#iTest #iTestCategory .category strong { line-height: 23px; color: #000}
#iTest #iTestCategory .category strong a { color: #000}
#iTest #iTestCategory .category ul {zoom: 1}
#iTest #iTestCategory .category ul li { float: left; width: 125px; height: 124px; overflow:hidden}
#iTest #iTestCategory .category ul li .img { display: block; width: 111px; height: 76px; text-align: center; padding: 1px; background: #fff; border:1px solid #e0e0e0; overflow: hidden }
#iTest #iTestCategory .category ul li .img span { display: block; width: 111px; height: 76px; overflow: hidden}
#iTest #iTestCategory .category ul li img {height: 76px;}
#iTest #iTestCategory .category ul li p { text-align:center; margin-right: 10px; line-height: 16px;}
#iTest #iTestCategory .singleCate ul li { height: 147px;}

/* --首页=>玩测试右侧 专业心理测量Box--- */
#iTest #testProfessional { height: 237px; border: 1px solid #fbccc8; overflow:hidden }
#iTest #testProfessional img { position:relative; margin-left: -1px}

/* -- 首页=>玩测试 ICON分类列表 -- */
#iTest #iconCategory { height: 173px; width: 248px; margin-top: 10px; border: 1px solid #e8d5c4; background: #faf0e6; overflow: hidden}
#iTest #iconCategory ul {padding: 3px 0 0 7px; zoom:1;}
#iTest #iconCategory ul li { float: left; width: 112px; height: 33px; margin: 5px 6px 0 0; border: 1px solid #e8d5c4; background: #fff url(../images/icons_iTest.gif) 0 0 no-repeat; overflow: hidden}
#iTest #iconCategory ul li a { display: block; width: 70px; height: 33px; padding-left: 45px; color: #a17256; font-weight: bold; line-height: 33px; }
#iTest #iconCategory ul li.b1 { background-position: 0 0;}
#iTest #iconCategory ul li.b2 { background-position: 0 -40px;}
#iTest #iconCategory ul li.b3 { background-position: 0 -80px;}
#iTest #iconCategory ul li.b4 { background-position: 0 -120px;}
#iTest #iconCategory ul li.b5 { background-position: 0 -160px;}
#iTest #iconCategory ul li.b5 a {width: 72px; padding-left: 40px}
#iTest #iconCategory ul li.b6 { background-position: 0 -200px;}
#iTest #iconCategory ul li.b7 { background-position: 0 -240px;}
#iTest #iconCategory ul li.b8 { background-position: 0 -280px;}

/* -- 首页=>玩测试 广告位Box -- */
#iTest .rightArea .Ad { height: 145px; width: 250px; margin-top: 10px}
#iTest .Ad { height: 90px; width: 1000px;}

/* -- 首页底部的合作伙伴Box -- */
#partner { height: 85px; height: auto; width: 998px; margin-top: 10px; border: 1px solid #dcdcdc; background: #f4f4f4;}
#partner .cpt { position: relative; display: block; height: 26px; padding-left: 10px; line-height: 26px; font-size: 14px; color: #000; }
#partner .cpt .rLink { position: absolute; top: 0; right: 10px; color: #666; font-size: 12px; font-weight: normal; }
#partner ul { height: auto; overflow: auto; padding:12px 0 10px 8px; zoom: 1}
#partner ul li {float:left; margin-bottom: 4px}
#partner ul li a { display: inline-block; margin-left: 8px; border: 1px solid #9c9c9c;}

/**
	====内页共用的样式====
	
*/
.PageTit { height: 34px; width: 998px; margin: 1px auto 0; border: 1px solid #fbccc8; background: url(../images/bg_PageTitle.gif) 0 0 repeat-x;}
.PageTit h2 { float: left; display: block; height: 34px; text-indent: -9999px; background: url(../images/bg_PageTitle.gif) 0 0 no-repeat;}
.PageTit .subTit { float: right; font-size: 14px; line-height: 34px; padding-right: 27px; color: #a17256;}
.PageTit ul { zoom: 1; float: left;}
.PageTit ul li { float: left; display: inline-block; font-size: 12px; line-height: 34px;}
.PageTit ul li a { margin: 0 10px}
/* == 2. 看文章 Article == */

/* --2.1 文章首页样式 -- */
#Article {}
#Article .PageTit h2 { width: 230px; background-position: 0 -50px;  }
/* -- 动态滚动窗口Box -- */
#Article .topNews #dPlayer { height: 369px}
#Article .topNews #dPlayer .banner { height: 342px}
#Article .topNews #dPlayer .banner li { height: 342px}
#Article .topNews #dPlayer .banner li a { height: 342px}

/* -- 专家专栏|专家访谈Box-- */
#Article .topNews #topExpert { height: 313px}
/* -- 精彩推荐Box -- */
#Article .topNews #topPush h1 { background-image: url(../images/cpt_topPush_article.gif);}
/* -- 最新推荐文章Box -- */
#Article .topNews #latestArticles { height: 143px;}
#Article .topNews #latestArticles .cpt { display: block; height: 27px; position: relative; padding-left: 9px; background: url(../images/bg_cpt_brown.jpg) 0 0 repeat-x; font-size: 14px; line-height: 27px; color: #fff }
#Article .topNews #latestArticles .cpt .rLnk { position: absolute; top: 0; right: 5px; font-size: 12px; font-weight: normal; font-size: 12px; color: #fff}
#Article .topNews #latestArticles ul { height: 106px; padding-top: 9px; border: 1px solid #e8d5c4; border-top: none;}
#Article .topNews #latestArticles ul li { line-height: 25px; font-size: 14px; padding-left: 25px; background: url(../images/list_ico.gif) 13px 50% no-repeat;}

/* -- 看文章页中的搜索Box -- */
#Article .topNews .searchBox { height: 89px; margin-top: 10px; padding: 9px 0 0 9px; border: 1px solid #e8d5c4;}
#Article .topNews .searchBox .cpt { float:left; display:block; height: 26px; width: 78px; background: url(../images/title_search_Article.gif) 0 0 no-repeat; text-indent: -999px;}
#Article .topNews .searchBox .keywords { width: 223px; background: url(../images/bg_search_keywords.gif) 0 0 repeat-x; margin-right: 7px; color: #bbb;}
#Article .topNews .searchBox .keywordsFocus { color: #666}
#Article .topNews .searchBox .tags { margin: 7px 5px 0 3px;}
#Article .topNews .searchBox .tags a { display: inline-block; margin-right: 5px; line-height: 25px;}
#Article .topNews .searchBox .tags a.highlight { font-weight: bold; color: #a17256;}

/* -- 心理百科Box -- */
#Article #PsyBaike { height: 204px; margin-top: 10px; padding-left: 2px;
border-bottom: 1px solid #e8d5c4; background: url(../images/bg_box_gradient.png) 0 0 no-repeat; overflow: hidden} 
#Article #PsyBaike .cpt { display: block; height: 30px; position: relative; padding-left: 10px; font-size: 14px; line-height: 28px; color: #000 }
#Article #PsyBaike .cpt .rLnk { position: absolute; top: 0; right: 10px; font-weight: normal; font-size: 12px; color: #905f2f}
#Article #PsyBaike dl { padding: 0 0 0 9px}
#Article #PsyBaike dl dt { float: left;}
#Article #PsyBaike dl dt img { width: 146px; height: 161px; padding: 1px; background: #fff; border:1px solid #e0e0e0; margin-right: 15px; }
#Article #PsyBaike dl dd { float: left; width: 188px}
#Article #PsyBaike dl dd h2 a { font-size: 14px; color: #a17256; line-height: 25px;}
#Article #PsyBaike dl dd p { font-size: 14px; line-height: 23px;}
#Article #PsyBaike dl dd .more, #Article #PsyBaike dl dd .more a { color:#a17256 }

/* -- 广告位：Ad -- */
#Article .topNews .rightArea .Ad_1 { height: 184px; width: 250px; margin-top: 0}
#Article .topNews .rightArea .Ad_2 { height: 149px; width: 250px; margin-top: 10px}

/* -- 心理专题推荐Box -- */
#Article .topNews #PsySubjects { height: 343px; margin-top: 10px}
#Article .topNews #PsySubjects ul {zoom: 1; padding: 0px 3px 0 10px;}
#Article .topNews #PsySubjects ul li { line-height: 24px; padding-left: 9px; background: url(../images/list_ico.gif) 0 50% no-repeat;}
#Article .topNews #PsySubjects p {text-align:center; margin-top: 10px;}
#Article .topNews #PsySubjects img { width: 226px; height: 146px; background: #fff; padding: 1px; border: 1px solid #e0e0e0;}
#Article .topNews #PsySubjects h2 { display: block; height: 30px; line-height: 30px; text-align: center; font-size: 14px; overflow: hidden }

/* -- 分类显示栏目Box：“自我” “关系” “生活” “原创推荐” -- */
#ArticleCategories { }
#ArticleCategories .category { float: left; width: 375px; height: 345px; margin-top: 10px; overflow:hidden}
#ArticleCategories .category_relationship, #ArticleCategories .category_original { width: 365px;}
#ArticleCategories .category dt { float: left; width: 354px; height: 76px; background: url(../images/bg_ArticleCategories.jpg) 0 0 no-repeat; overflow:hidden}
#ArticleCategories .category_relationship dt { background-position: 0 -76px;}
#ArticleCategories .category_life dt { background-position: 0 -152px;}
#ArticleCategories .category_original dt { background-position: 0 -228px}
#ArticleCategories .category dt strong { float: left; display: block; width: 190px; height: 65px;}
#ArticleCategories .category dt strong a { display: block; width: 182px;  height: 65px; text-indent: -999px;}
#ArticleCategories .category dt p { color: #fff; margin-top:14px; line-height: 12px}
#ArticleCategories .category dt p a { font-weight: bold; color: #fff; margin: 0 8px;}
#ArticleCategories .category_original dt p { float: left; margin: 30px 0 0 40px}
#ArticleCategories .category dd { padding: 1px 0 0 1px; float: none; clear:both;}
#ArticleCategories .category dd .pic { float: left; width: 96px; height: 96px; padding: 1px; background: #fff; border:1px solid #e0e0e0; margin-right: 12px; }
#ArticleCategories .category dd h2 a { font-size: 14px; color: #a17256; line-height: 25px;}
#ArticleCategories .category dd p { line-height: 23px; text-indent: 2em; margin-right: 20px}
#ArticleCategories .category dd .more, #ArticleCategories .category dd .more a { color:#a17256 }
#ArticleCategories .category dd ul { float: none; clear: both; zoom: 1; padding-top: 3px; }
#ArticleCategories .category dd ul li { font-size: 14px; line-height: 24px; padding-left: 17px; background: url(../images/list_ico.gif) 7px 50% no-repeat;}

/* 广告位 */
#ArticleCategories .Ad { height: 80px; width: 740px; margin-top: 10px; overflow: hidden}

/* 看文章首页的 企业应用Box|成长故事Box */
#Article .rightArea #corpApp_story { height: 436px; width: 248px; overflow: hidden}
#Article .rightArea #corpApp_story ul { margin: 2px 0 0 7px; width: 250px; zoom: 1;}
#Article .rightArea #corpApp_story ul li strong { line-height: 23px; color: #a17256}
#Article .rightArea #corpApp_story ul li strong a { color: #a17256}
#Article .rightArea #corpApp_story ul li { float: left; width: 120px; height: 134px; overflow:hidden}
#Article .rightArea #corpApp_story ul li img {width: 111px; height: 76px; padding: 1px; background: #fff; border:1px solid #e0e0e0;}
#Article .rightArea #corpApp_story ul li p { text-align:center; margin-right: 10px; line-height: 14px;}

/* 看文章首页的 文章排行榜Box */
#Article .rightArea #articlesRanking { height: 240px; margin-top: 10px}
#Article .rightArea #articlesRanking .tab { height: 25px; width: 233px; margin: 9px auto 0; zoom: 1; border-bottom: 1px solid #efdac1;}
#Article .rightArea #articlesRanking .tab li { float: left; height: 25px; width: 73px; margin-right: 7px; background: #a17256; line-height: 24px; *line-height: 26px; _line-height: 24px; text-align: center; color: #fff; font-size: 12px; overflow:hidden}
#Article .rightArea #articlesRanking .tab li.last { margin-right: 0}
#Article .rightArea #articlesRanking .tab li strong { cursor: pointer}
#Article .rightArea #articlesRanking .tab li.now { background: #efdac1; color:#a17256 }
#Article .rightArea #articlesRanking .tab li.now strong { }
#Article .rightArea #articlesRanking .tabC { zoom:1}
#Article .rightArea #articlesRanking .tabC .cont { display: none; padding-top: 6px; padding-left: 35px; background: url(../images/ico_ranking.gif) 11px 11px no-repeat; }
#Article .rightArea #articlesRanking .tabC .now { display: block}
#Article .rightArea #articlesRanking .tabC .cont ul { zoom:1}
#Article .rightArea #articlesRanking .tabC .cont a { line-height: 24px;}

/* 广告位 */
#Article .rightArea .Ad_3 { height: 90px; width: 250px; margin-top: 10px}

/* -- 看文章首页底部的 "心理咨询专家"-- */
#Article #expertsGallery { height: 175px; margin-top: 10px; border: 1px solid #e8d5c4; background: url(../images/caption_experts_gallery.png) 0 -175px no-repeat;}
#Article #expertsGallery .more { position: absolute; margin: 10px 0 0 950px; z-index: 3}
#Article #expertsGallery .mask { position: absolute; width: 917px; margin-left: 81px; z-index: 2;}
#Article #expertsGallery .mask .l { position: absolute; height: 175px; width: 88px; overflow: hidden}
#Article #expertsGallery .mask .r { position: absolute; top: 0; right: 0; _right: -1px; height: 175px; width: 88px; overflow: hidden}
#Article #expertsGallery .mask p {width: 175px; height: 175px; background: url(../images/bg_mask_experts_gallery.png) 0 0 no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="images/bg_mask_experts_gallery.png"); _background:none;}
#Article #expertsGallery .mask .r p {margin-left: -87px;}
#Article #expertsGallery #gallery { float: right; height: 175px; width: 917px; background:  url(../images/caption_experts_gallery.png) 0 0 repeat-x; overflow:hidden }
#Article #expertsGallery #gallery .inner { display:none; position: absolute; margin-top: 52px; width: 917px;}
#Article #expertsGallery #gallery .inner img { padding: 0 15px;}
#Article #expertsGallery #gallery div.jqDockWrap {margin:0 auto;}
#Article #expertsGallery #gallery div.jqDockLabel { width: 180px; white-space:nowrap; cursor:pointer; text-align: center}
#Article #expertsGallery #gallery .inner .myLabel strong { color: #a17256;}
#Article #expertsGallery #gallery .inner .myLabel span {padding-left:10px;}
#Article #expertsGallery #gallery .inner a:link, #Article #expertsGallery #gallery .inner a:visited, #Article #expertsGallery #gallery .inner a:active, #Article #expertsGallery #gallery .inner a:hover {text-decoration: none}
#Article #expertsGallery #gallery .inner a .myLabel {visibility: hidden;}
#Article #expertsGallery #gallery .inner a:hover .myLabel {visibility: visible}
#Article #expertsGallery #gallery div.jqDockWrap a .border { position:relative; display: block; background: #fff; padding: 1px; border: 1px solid #e0e0e0; cursor: pointer}

/* --2.2 文章列表页样式 -- */

/* -- 文章分类导航 -- */
#catalogArticle { border: 1px solid #e8d5c4; margin-top: 10px}
#catalogArticle dl {zoom: 1; height:auto; overflow: auto; border-bottom: 1px dashed #c8c0b8}
#catalogArticle dl.bg { background: #faf0e6}
#catalogArticle dl dt { float: left; width: 77px; margin: 0}
#catalogArticle dl dt a { margin-left: 11px; font-size: 14px; line-height: 54px;}
#catalogArticle dl dd { float: left; width: 661px; color: #c6c6c6; line-height: 48px; }
#catalogArticle dl dd a {color:#a17256; margin: 0 7px; line-height: 54px;}
#catalogArticle dl.cata_1 {}
#catalogArticle dl.cata_1 dd { margin-top: 7px;  line-height: 21px}
#catalogArticle dl.cata_1 dd ul.tab { float: left; width: 176px; padding-left: 7px; margin-top: 7px; overflow:hidden}
#catalogArticle dl.cata_1 dd ul.tab li { float: left; display: inline-block; width: 78px; margin-right: 10px;  text-align: center;  background:#f4e7dd; border: 1px solid #facfca; line-height: 26px;color:#a17256; cursor:pointer }
#catalogArticle dl.cata_1 dd ul.tab li.last { margin-right: 0}
#catalogArticle dl.cata_1 dd ul.tab li a { line-height: 26px; margin:0;}
#catalogArticle dl.cata_1 dd ul.tabC { float: left; width: 475px; overflow:hidden}
#catalogArticle dl.cata_1 dd ul.tabC .cont { color: #c6c6c6; }
#catalogArticle dl.cata_1 dd ul.tabC .cont a { line-height: 21px}
#catalogArticle dl.cata_2 dt a { line-height: 79px;}
#catalogArticle dl.cata_2 dd { padding: 5px 0; line-height: 23px; }
#catalogArticle dl.cata_2 dd a {line-height: 23px;}
#catalogArticle dl.cata_5 { border-bottom: none;}

/* 文章列表页：文章搜索Box */
#ArticleList .searchBox { position: relative; height: 36px; margin-top: 10px; padding-top: 10px; border: 1px solid #e8d5c4; background: #faf0e6; overflow: hidden}
#ArticleList .searchBox .cpt { float: left; display: block; height: 25px; width: 70px; padding-left: 19px; background: url(../images/title_search_ArticleList.gif) 19px 0 no-repeat; text-indent: -999px;}
#ArticleList .searchBox form { width: 300px; overflow:hidden}
#ArticleList .searchBox .keywords { float: left; width: 243px; background: url(../images/bg_search_keywords.gif) 0 0 repeat-x; margin-right: 7px; color: #bbb;}
#ArticleList .searchBox .keywordsFocus { color: #666}
#ArticleList .searchBox .tags { position: absolute; width: 330px; top: 0; right: 0; overflow:hidden}
#ArticleList .searchBox .tags a { display: inline-block; font-size: 14px; margin-right: 5px; line-height: 47px;}
#ArticleList .searchBox .tags a.highlight { font-weight: bold; color: #a17256;}

/* 列表页：文章标题及简介列表Box */
.articleListWrap { margin-top: 20px;}
.articleListWrap .tab { height: 36px;}
.articleListWrap .tab li { float: left; height: 35px; margin-right: 10px; line-height: 36px; overflow: hidden; }
.articleListWrap .tab li a { display: block; height: 35px; text-indent: 53px;  color: #a17256; font-size: 14px; font-weight: normal; background: url(../images/tab_articleList_orderType.png) 0 0 no-repeat;}
.articleListWrap .tab li.now {}
.articleListWrap .tab li.now a { color: #fff; font-weight: bold;}
.articleListWrap .tab li a.t1 { width: 168px; background-position: 0 -40px;}
.articleListWrap .tab li.now a.t1 { background-position: 0 0;}
.articleListWrap .tab li a.t2 { width: 193px; background-position: -178px -40px;}
.articleListWrap .tab li.now a.t2 { background-position: -178px 0;}
.articleListWrap .tab li a.t3 { width: 153px; background-position: -381px -40px;}
.articleListWrap .tab li.now a.t3 { background-position: -381px 0;}
.articleListWrap .tab li a:hover { text-decoration: none}

.articleListWrap .list {}
.articleListWrap .list dl { min-height: 145px; _min-height: 145px; padding: 16px 0 18px 0; border-bottom: 1px dashed #ccc; zoom: 1; overflow: auto}
.articleListWrap .list dl dt { float: left; width: 145px;}
.articleListWrap .list dl dt img { width: 119px; /*height: 139px;*/ height: auto; padding: 2px; background: #fff; border: 1px solid #e0e0e0}
.articleListWrap .list dl dt a:hover img { -moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8;}
.articleListWrap .list dl dd { float: left; width: 590px;}
.articleListWrap .list dl dd .tit { display: block; float: none; clear:both; height: 25px; zoom: 1; margin-top: 5px;}
.articleListWrap .list dl dd .cate { float: left; color: #ab5909; font-size: 14px;}
.articleListWrap .list dl dd .cate a {color: #ab5909;}
.articleListWrap .list dl dd h2 { float: left}
.articleListWrap .list dl dd h2 a { font-size: 14px; margin-left: 10px}
.articleListWrap .list dl dd .date { float: right; color: #999; font-family: Verdana;}
.articleListWrap .list dl dd .indent { float: none; clear: both; padding: 0 10px 0 49px; text-indent: -49px; line-height: 25px;}
.articleListWrap .list dl dd .indent a { margin-right: 5px; color: #999;}
.articleListWrap .list dl dd .indent strong { margin-right: 10px;}
.articleListWrap .list dl dd .btn_detail { margin-top: 10px}
.articleListWrap .list dl dd .btn_detail a { display: inline-block; width: 95px; height: 27px; color: #ab5909; line-height: 25px; font-weight: bold; text-align: center; background: url(../images/bg_btns.png) 0 0 no-repeat;}
.articleListWrap .pages {float: none; clear: both; margin: 0 0 30px 33px; padding-top: 30px;}

/* --看文章列表页右侧广告位Box-- */
#ArticleList .rightArea .Ad_1 { width: 250px; height: 190px;}
#ArticleList .rightArea .Ad_2 { width: 250px; height: 190px; margin-top: 10px;}

/* --看文章列表页右侧的专家Tab Box: 专家专栏Box|专家访谈Box-- */
#expertTab { height: 236px; width: 248px; margin-top: 10px; border: 1px solid #e8d5c4; background: #faf0e6; overflow:hidden }
#expertTab .tab { height: 27px; }
#expertTab .tab li { float: left; height: 27px; background: url(../images/bg_tabs.png) 0 0 repeat-x; line-height: 27px; text-align: center; color: #000; font-size: 13px; }
#expertTab .tab li.t1 {width: 124px;}
#expertTab .tab li.t2 {width: 123px; border-left: 1px solid #e8d5c4;}
#expertTab .tab li strong { font-weight: normal; cursor: pointer}
#expertTab .tab li.now { background-position: 0 1000px; }
#expertTab .tab li.now strong { font-weight: bold}
#expertTab .tabC { float:none; clear:both}
#expertTab .tabC .cont { display: none; padding-top: 10px; }
#expertTab .tabC .now { display: block}
#expertTab .tabC .cont dl {height: 117px; overflow:hidden;}
#expertTab .tabC .cont dl dt { float:left; width: 113px; padding-left: 9px; }
#expertTab .tabC .cont dl dt img { width: 101px; height: 113px; padding: 1px; background: #fff; border:1px solid #e0e0e0; margin-right: 10px; }
#expertTab .tabC .cont dl dt span { position:absolute; display:inline-block; margin: 97px 0 0 2px; width: 101px;height: 18px; line-height: 18px; text-align: center; color: #fff; background: url(../images/bg_caption.png) 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="../images/bg_caption.png"); _background:none; }
#expertTab .tabC .cont dl dt a:hover { text-decoration: none}
#expertTab .tabC .cont dl dd { float: left; width: 121px;}
#expertTab .tabC .cont dl dd h2 a { color: #a17256; font-size: 12px; line-height: 25px;}
#expertTab .tabC .cont dl dd .more, #expertTab .tabC .cont dl dd .more a { color: #a17256}
#expertTab .tabC .cont dl dd p { height: 90px; line-height: 22px}
#expertTab .tabC .cont ul { padding: 7px 10px 0 10px; float: none; clear:both; zoom:1}
#expertTab .tabC .cont ul li { float: left; line-height: 23px; width: 232px; overflow:hidden; zoom:1}
#expertTab .tabC .cont ul li .tit { float:left; padding-left: 10px; background: url(../images/list_ico.gif) 2px 50% no-repeat;}
#expertTab .tabC .cont ul li .auth { float:right; display: inline-block;}

/* --相关推荐Box-- */
.recommendsThumbs { height: 311px; margin-top: 10px}
.recommendsThumbs ul { padding-left: 5px;}
.recommendsThumbs ul li { float: left; width: 117px; height: 126px; padding-top: 12px; text-align: center; overflow: hidden}
.recommendsThumbs ul li a { display: inline-block; height: 101px;  width: 91px; border: 1px solid #e0e0e0; padding: 1px; background: #fefefe; overflow: hidden}
.recommendsThumbs ul li a span { display: inline-block; width: 91px; overflow: hidden; cursor: pointer}
.recommendsThumbs ul li img { height: 101px;}
.recommendsThumbs ul li p { text-align: center; line-height: 23px;}
.recommendsThumbs ul li p a { display: inline; width: auto; border: none; padding: 0; background: none; overflow: auto}
.recommendsThumbs ul li a:hover img { -moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8;}

/* --看文章列表页右侧的文章排行Box-- */
#ArticleList #articlesRanking2 { height: 277px;}
#ArticleList #articlesRanking2 .tab li.t1 {width: 124px;}
#ArticleList #articlesRanking2 .tab li.t2 {width: 123px; border-left: 1px solid #e8d5c4;}
#ArticleList #articlesRanking2 .tabC { zoom:1}
#ArticleList #articlesRanking2 .tabC .cont { display: none; padding-top: 6px; padding-left: 35px; background: url(../images/ico_ranking.gif) 11px 11px no-repeat; }
#ArticleList #articlesRanking2 .tabC .now { display: block}
#ArticleList #articlesRanking2 .tabC .cont ul { zoom:1}
#ArticleList #articlesRanking2 .tabC .cont a { line-height: 24px;}

/* -- 看文章列表页面右侧 网友原创精彩内容推荐Box -- */
#websterOriginal { /*height: 270px;*/ margin-top: 10px;}
#websterOriginal .cpt { color: #905f2f;}
#websterOriginal ul { height: auto; overflow: auto; padding: 7px 10px 5px 10px; zoom:1}
#websterOriginal ul li { float: left; line-height: 23px; width: 228px; overflow:hidden; zoom:1}
#websterOriginal ul li .tit { float:left; padding-left: 10px; /*background: url(../images/list_ico.gif) 2px 50% no-repeat;*/ background: url(../images/list_ico.gif) 2px 10px no-repeat;}
#websterOriginal ul li .auth { float:right; display: inline-block;}

/* --2.3 看文章-文章内页样式 -- */
#ArticleDetail {}
#ArticleDetail .banner_topDetail { width: 740px; height: 60px; margin-top: 10px;}

#ArticleDetail .detailWrap {padding-top: 20px;}
#ArticleDetail .detailWrap h1 { height: 38px; font-family:"微软雅黑", "宋体"; font-size: 24px; text-align: center; font-weight: normal; line-height: 38px;}
#ArticleDetail .detailWrap .artInfo { text-align: center; height: 43px; color: #999; line-height: 23px; border-bottom: 1px dashed #ccc;}
#ArticleDetail .detailWrap .artInfo span { margin: 0 5px; color: #999}
#ArticleDetail .detailWrap .artInfo a { color: #999}
#ArticleDetail .detailWrap .tags { float: left; padding-left: 2px; line-height: 25px;}
#ArticleDetail .detailWrap .tags a { margin: 0 5px; color: #cc9d71}
#ArticleDetail .detailWrap .visited { float: right; padding-right: 2px; line-height: 25px}
#ArticleDetail .detailWrap .visited span { color: #cc9d71;}
#ArticleDetail .detailWrap .clear { height: 13px;}
#ArticleDetail .detailWrap .briefIntro { padding: 11px 10px; margin-bottom: 16px; text-indent: 2em; line-height: 25px; font-size: 14px; border: 1px solid #e8d5c4}
#ArticleDetail .detailWrap .context { padding: 0 10px 20px 5px; font-size: 14px; line-height: 2}
#ArticleDetail .detailWrap .context p { margin-top: 10px; text-indent: 0}

/* --文章分享功能Box-- */
.Share { margin-top: 50px; padding-top: 5px; border-top: 1px dashed #ccc;}
.Share .line { /*height: 20px;*/ height: auto; overflow: auto; padding-left: 6px; padding-top: 3px; padding-bottom: 3px; zoom:1; background: #fcf6f5; margin-bottom: 5px }
.Share .btn_addToMyFavor { line-height: 20px; padding-left: 19px; background: url(../images/global_icos.gif) 1px -60px no-repeat;}
.Share .btn_myCofe {line-height: 20px;}
.Share .btn_myCofe a { display: inline; height: 20px; padding-left: 25px; margin-left: 5px; background: url(../images/global_icos.gif) 1px -90px no-repeat; color: #905f2f}
.Share .btn_myCofe a:hover { text-decoration: none; -moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8;}
#ckepop .ckepopBottom { display:none}

/* --文章所属类型样式-- */
.artType { margin-top: 16px;}
.artType span { display: inline-block; height: 24px; margin: 0 3px; line-height: 24px;  *line-height: 26px; font-weight:bold; color: #fff; padding: 0 10px; border-top: 1px solid #efdccb; border-bottom: 1px solid #a77a4f; border-left: 1px solid #c8925f; border-right: 1px solid #c8925f; background: #cd9661; overflow: hidden}
.artType span.now { border: 1px solid #cd9661; color: #cd9661; background: #fff}

/* --文章的上一篇|下一篇按钮样式-- */
.artPNLink { margin-top: 19px; height: 27px;}
.artPNLink span { height: 25px; line-height: 27px; border: 1px solid #f5e8db; background:#f5e8db}
.artPNLink .p { float: left; width: 353px; padding-left: 10px;}
.artPNLink .n { float: right; width: 353px; padding-left: 10px;}

/* --相关电影推荐 样式-- */
.artRecommendsThumbs { width: 740px; margin-top: 11px; overflow: hidden;}
.artRecommendsThumbs strong { font-size: 14px; line-height: 33px; color: #905f2f}
.artRecommendsThumbs ul { width: 800px; height: auto; zoom: 1}
.artRecommendsThumbs ul li { float: left; width: 125px; overflow: auto; height: auto; text-align: left;}
.artRecommendsThumbs ul li a { display: block; width: 96px; text-align: center; border: 1px solid #e0e0e0;  padding: 1px; background: #fefeff; overflow: hidden; }
.artRecommendsThumbs ul li a span { display: block; width: 96px; overflow: hidden; cursor: pointer}
.artRecommendsThumbs ul li img { /*width: 96px;*/ width: auto; height: 128px; }
.artRecommendsThumbs ul li p { text-align: center; margin-right: 25px; line-height: 15px; padding-top:3px;}
.artRecommendsThumbs ul li p a { display: inline; width:auto; border: none; padding: 0; background: none; overflow:auto}
.artRecommendsThumbs ul li a:hover img { -moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8;}

/* --文章评论-- */
.comments {}
.comments dl { height: auto; overflow: auto; margin-top: 10px; padding: 12px 0 20px 0; zoom: 1; border: 1px solid #e8d5c4; background: #faf0e6;}
.comments dl dt { float: left; width: 70px; }
.comments dl dt img { width: 48px; height:48px; margin-left: 7px; padding: 1px; background: #fff; border: 1px solid #999; }
.comments dl dd { float: left; width: 658px;}
.comments dl dd strong { display: block; height: auto; overflow: auto; zoom: 1; color: #905f2f; padding: 3px 0 7px}
.comments dl dd span.info { display: block; padding-top: 10px; border-top: 1px dashed #c8c0b8}
.comments dl dd span.info a { color: #ab5909}
.comments dl dd p { line-height: 18px; margin-top: 10px;}

.commentsForm { margin-top: 10px; height: 182px; border: 1px solid #e8d5c4; overflow: hidden}
.commentsForm strong { position: absolute; display: block; margin: -2px 0 0 -2px; width: 77px; height: 58px; text-indent: -999px; background: url(../images/bg_caption_comments.png) 0 0 no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="../images/bg_caption_comments.png"); _background:none;}
.commentsForm .form_login { margin: 8px 0 0 73px;;}
.commentsForm .input_text { height: 23px; line-height: 23px; padding-left: 2px; border: 1px solid #e2cbb5; background: #f5e8db; }
.commentsForm .form_login .btn_login { position: relative; display: inline-block; margin-left: 10px; height: 25px; width: 60px; background: url(../images/bg_btns_comments.png) 0 0 no-repeat; line-height: 25px; vertical-align: middle; text-align: center; color: #fff}
.commentsForm .form_login .btn_login input { position: absolute; left: 0; top: 0; height: 25px; width: 60px; background: url(../images/spacer.gif); border: none; cursor: pointer; color: #fff }
.commentsForm .form_login .btn_reg { display: inline-block; margin-left: 10px;  height: 25px; width: 60px; line-height: 25px; text-align: center; vertical-align: middle; background: url(../images/bg_btns_comments.png) 0 0 no-repeat; color: #fff}
.commentsForm .form_login a:hover { text-decoration: none}
.commentsForm .form_login label { margin-left: 15px;}
.commentsForm .form_comment { margin-top: 19px; padding-left: 22px;}
.commentsForm .form_comment textarea {float: left; width: 538px; height: 107px; padding: 2px; border:1px solid #e8d5c4; background: #faf1e7; font-family: Verdana, '宋体', Tahoma, Arial; overflow-y: auto;}
.commentsForm .form_comment div { float: left; width: 125px; line-height: 20px; padding-left: 11px;}
.commentsForm .form_comment .wordCount {font-family: Verdana, '宋体', Tahoma, Arial}
.commentsForm .form_comment .wordCount .num { color: #f2b72b; font-weight: bold}
.commentsForm .form_comment .wordCountAlert {font-weight: bold; color: #f00;}
.commentsForm .form_comment .wordCountAlert .num {color: #f00;}
.commentsForm .form_comment .btn_postComment { width: 102px; height: 27px; margin-left: 0; margin-top: 5px; background: url(../images/bg_btns_comments.png) 0 -39px no-repeat; border: none; cursor: pointer; color: #fff; font-size: 14px; line-height: normal}

/* --看文章内页右侧广告位Box-- */
#ArticleDetail .rightArea .Ad_1 { width: 250px; height: 190px;}
#ArticleDetail .rightArea .Ad_2 { width: 250px; height: 140px; margin-top: 10px;}
#ArticleDetail .rightArea .Ad_3 { width: 250px; height: 190px; margin-top: 10px;}

/* --看文章内页右侧的文章排行Box-- */
#ArticleDetail #articlesRanking3 { height: 277px;}
#ArticleDetail #articlesRanking3 .tab li.t1 {width: 124px;}
#ArticleDetail #articlesRanking3 .tab li.t2 {width: 123px; border-left: 1px solid #e8d5c4;}
#ArticleDetail #articlesRanking3 .tabC { zoom:1}
#ArticleDetail #articlesRanking3 .tabC .cont { display: none; padding-top: 6px; padding-left: 35px; background: url(../images/ico_ranking.gif) 11px 11px no-repeat; }
#ArticleDetail #articlesRanking3 .tabC .now { display: block}
#ArticleDetail #articlesRanking3 .tabC .cont ul { zoom:1}
#ArticleDetail #articlesRanking3 .tabC .cont a { line-height: 24px;}

/* -- 看文章内页右侧的 解困惑Box -- */
#ArticleDetail #topConsults { height: 247px; padding: 0 7px 0 11px; margin-top: 10px; background: url(../images/bg_box_home.gif) 0 -194px no-repeat;}
#ArticleDetail #topConsults .cpt { display:block; height: 38px; text-indent: -999px;}
#ArticleDetail #topConsults .btns { height: 77px;}
#ArticleDetail #topConsults .btns a { display: inline-block; height: 33px; width: 113px; background: url(../images/btn_consult_confused.gif) 0 0 no-repeat; }
#ArticleDetail #topConsults .btns a:hover {-moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8;}
#ArticleDetail #topConsults .btns a.b1 { background-position: -57px 0; padding-bottom: 3px}
#ArticleDetail #topConsults .btns a.b2 { background-position: 0 -37px;}
#ArticleDetail #topConsults .btns a.b3 { background-position: -118px -37px;}
#ArticleDetail #topConsults .btns a span { visibility: hidden; text-decoration: none}
#ArticleDetail #topConsults .btns a:hover, .topNews #topConsults .btns a:hover span { text-decoration:none}
#ArticleDetail #topConsults ul { zoom: 1}
#ArticleDetail #topConsults ul li { line-height: 24px; padding-left: 10px; background: url(../images/list_ico.gif) 0 50% no-repeat; }

/* --页面右侧Tag关键字的列表Box-- */
#tagList { height: auto; margin-top: 10px;}
#tagList p { padding: 3px 0 3px 5px;}
#tagList p a { display: inline-block; margin: 0 5px; line-height: 25px;}
#tagList p a.hot_1 { font-weight: bold}
#tagList p a.hot_2 { font-weight: bold; font-size: 13px; }
#tagList p a.hot_3 { font-weight: bold; font-size: 14px; }

/* -- 看文章内页面右侧 您可能感兴趣的测试Box -- */
#interestTests { height: 225px; margin-top: 10px;}
#interestTests ul { padding: 7px 10px 0 10px; zoom:1}
#interestTests ul li { float: left; line-height: 23px; width: 228px; overflow:hidden; zoom:1}
#interestTests ul li .tit { float:left; padding-left: 10px; background: url(../images/list_ico.gif) 2px 50% no-repeat;}
#interestTests ul li .auth { float:right; display: inline-block;}

/* == 3. 玩测试 Test == */

/* --3.1 玩测试首页样式 -- */
#Test {}
#Test .PageTit h2 { width: 210px; background-position: 0 -100px;  }
#Test .PageTit ul li a { margin: 0 3px;}

/* --趣味在线测试Box-- */
#Test #funTestPlayer { position: relative; height: 359px; margin-top: 10px; border: 1px solid #faf0e6; background: #faf0e6;}
#Test #funTestPlayer h2 { display: block; height: 22px; width: 100px; margin: 8px 0 8px 9px; text-indent: -999px; background: url(../images/caption_funOnlineTest.gif) 0 0 no-repeat;}
#Test #funTestPlayer .banner { position:relative; width: 333px; height: 312px; margin-left: 9px; z-index: 0; border: 1px solid #dcdcdc;}
#Test #funTestPlayer .banner li { position:absolute; display:block; width: 333px; height: 312px; background-position: 0 0; background-repeat: no-repeat;}
#Test #funTestPlayer .banner li a { display: block; width: 333px; height: 312px;}
#Test #funTestPlayer .trigger { position:absolute; width: 327px; height: 23px; margin: -27px 0 0 10px; text-align: right; padding: 4px 6px 0 0; background: #000; z-index: 1 }
#Test #funTestPlayer .trigger li { display:inline; width: 18px; height: 20px; margin-right:0;}
#Test #funTestPlayer .trigger li a { display:inline-block; width: 18px; height: 20px; line-height:20px; background-color:#404040; color: #d4d4d4; text-align:center; font-family: Verdana, Arial; font-weight: bold}
#Test #funTestPlayer .trigger li a img { border: 4px solid #fff;}
#Test #funTestPlayer .trigger li.now a, #iTest #funTestPlayer .trigger li.now a:hover { background-color:#76472b; color: #fff }
#Test #funTestPlayer .trigger li a:hover { background-color:#76472b; color: #fff; text-decoration: none}
#Test #funTestPlayer .catpitonWrap { position:absolute; bottom: 33px; left: 10px; width: 333px; height: 44px; background: url(../images/bg_caption.png) 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="../images/bg_caption.png"); _background:none; z-index: 1; overflow:hidden}
#Test #funTestPlayer .catpitonWrap .inner { height: 24px; margin-top: 12px; overflow:hidden}
#Test #funTestPlayer .catpitonWrap .inner ul { width: 321px; margin-left: 12px; }
#Test #funTestPlayer .catpitonWrap .inner ul li { height: 40px; font-size: 18px; line-height: 20px; _line-height: 20px; padding-left: 10px; font-weight: bold; }
#Test #funTestPlayer .catpitonWrap .inner ul li a { color:#fff; font-family:"微软雅黑",Verdana, "宋体"; }

/* -- 最热门趣味测试Box | 最热门专业测量Box-- */
#Test #iTestTabs { height: 207px; width: 355px; padding-top: 10px; background:#faf0e6; overflow:hidden}
#Test #iTestTabs .tab { height: 26px; width: 355px; border-bottom: 1px solid #dfdfdf; _overflow: hidden  }
#Test #iTestTabs .tab li { float: left; height: 26px; width: 164px; margin-left: 5px; background: url(../images/bg_tabs.png) 0 -128px repeat-x; line-height: 26px; text-align: center; color: #666; font-size: 14px; border: 1px solid #dfdfdf; border-bottom: none; overflow:hidden}
#Test #iTestTabs .tab li.t1 { margin-left: 10px; _margin-left: 5px}
#Test #iTestTabs .tab li.t2 {}
#Test #iTestTabs .tab li strong { font-weight: normal; cursor: pointer}
#Test #iTestTabs .tab li.now { position:relative; background-position: 0 -156px; height: 26px; color:#000 }
#Test #iTestTabs .tab li.now strong { font-weight: bold}
#Test #iTestTabs .tabC { float:none; clear:both}
#Test #iTestTabs .tabC .cont { display: none; padding-top: 4px; *padding-top: 6px; padding-left: 38px; background: url(../images/ico_ranking.gif) 14px 10px no-repeat; }
#Test #iTestTabs .tabC .now { display: block}
#Test #iTestTabs .tabC .cont a { line-height: 24px;}

/* --广告位-- */
#Test .topNews .Ad { width: 1000px; height: 90px; margin-top: 10px;}
#Test .topNews .colLeft .Ad { width: 355px; height: 115px; margin-top: 10px;}
#Test .topNews .rightArea .Ad { width: 250px; height: 115px; margin-top: 10px;}


/* -- 网友喜欢的心理测试Box -- */
#Test .topNews #topPush { height: 234px;}
#Test .topNews #topPush h1 { height: 32px; background-image: url(../images/cpt_topPush_test.gif);}
#Test .topNews #topPush ul { padding: 3px 0 0 8px; zoom: 1}
#Test .topNews #topPush ul li { float: left; width: 355px; height: 24px; font-size: 14px; overflow: hidden; padding-right: 3px; line-height: 24px; padding-left: 10px; background: url(../images/list_ico.gif) 0 50% no-repeat;}
#Test .topNews #topPush ul li span { float: left;}
#Test .topNews #topPush ul li span.recNum { float: right;}
#Test .topNews #topPush ul li span.recNum span { float: none; color: #a98760;}

/* -- 最新的心理测试Box -- */
#Test .topNews #latestTests { height: 469px; width: 375px; overflow: hidden}
#Test .topNews #latestTests .cpt { display: block; height: 27px; position: relative; padding-left: 9px; background: url(../images/bg_cpt_brown.jpg) 0 0 repeat-x; font-size: 14px; line-height: 27px; color: #fff }
#Test .topNews #latestTests .cpt .rLnk { position: absolute; top: 0; right: 5px; font-size: 12px; font-weight: normal; font-size: 12px; color: #fff}
#Test .topNews #latestTests dl {width: 375px; margin: 5px 0 0 5px;}
#Test .topNews #latestTests dl dd { height: 147px;}
#Test .topNews #latestTests dl dd strong { line-height: 23px; color: #000}
#Test .topNews #latestTests dl dd strong a { color: #000}
#Test .topNews #latestTests dl dd ul { zoom: 1}
#Test .topNews #latestTests dl dd ul li { float: left; width: 125px; height: 124px; overflow:hidden}
#Test .topNews #latestTests dl dd ul li img {width: 111px; height: 76px; padding: 1px; background: #fff; border:1px solid #e0e0e0;}
#Test .topNews #latestTests dl dd ul li p { text-align:center; margin-right: 10px; line-height: 16px;}

/* --生日物语Box-- */
#birthTale { height: 127px; }
#birthTale .form {width: 189px; margin: 19px auto 0; color: #a17256; font-weight: bold;}
#birthTale .form select {width: 70px; color: #000; font-size: 12px; font-weight: normal;}
#birthTale .form p { text-align: center;}
#birthTale .form #btn_birthday { margin-top: 18px; height: 27px; width: 130px;}

/* -- 玩测试首页中的搜索Box -- */
#Test .rightArea .searchBox { height: 77px; margin-top: 10px; padding: 7px 0 0 9px; border: 1px solid #e8d5c4; background: #faf0e6;}
#Test .rightArea .searchBox .cpt { display:block; height: 18px; width: 28px; background: url(../images/title_search_Test.gif) 0 0 no-repeat; text-indent: -999px;}
#Test .rightArea .searchBox .keywords { width: 178px; background: url(../images/bg_search_keywords.gif) 0 0 repeat-x; margin-right: 7px; color: #bbb;}
#Test .rightArea .searchBox .keywordsFocus { color: #666}
#Test .rightArea .searchBox .tags { margin: 4px 5px 0 3px;}
#Test .rightArea .searchBox .tags a { display: inline-block; margin-right: 5px; line-height: 25px;}
#Test .rightArea .searchBox .tags a.highlight { font-weight: bold; color: #a17256;}

/* --经典心理测试工具Box-- */
#classicTests { height: 341px; margin-top: 10px;}
#classicTests ul { padding: 11px 0 0 13px;}
#classicTests ul li { height: 100px;}
#classicTests ul li img {width: 219px; height: 91px; border: 1px solid #ccc}
#classicTests ul li a:hover img { -moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8}

/* -- 玩测试首页下半部分的测试目录及文章列表 -- */
#Test #catalogs {margin-top: 10px;}
#Test #catalogs .leftArea { float: left; width: 250px; background:#f7e8d9;}
#Test #catalogs .conts { float: right; width: 740px; overflow: hidden; }
#Test #catalogs .cpt { position: relative; display: block; height: 28px; background: url(../images/bg_cpt_Tests_catalogs.png) 0 0 no-repeat; line-height: 28px; overflow: hidden}
#Test #catalogs .cpt h2 { width: 140px; font-size: 14px; font-family:"宋体", Verdana; color: #fff; text-align: center;}
#Test #catalogs .cpt .rLink { position: absolute; right: 5px; top: 0; color: #fff}

#Test #catalogs .leftArea { height: 720px; overflow:hidden}
#Test #catalogs .leftArea .wrap {padding-top: 5px; *padding-top:10px;}
#Test #catalogs .leftArea strong { display: block; width: 232px; height: 33px; margin: 4px auto; border: 1px solid #f8dec9; background: #fff url(../images/icons_iTest.gif) 0 0 no-repeat;}
#Test #catalogs .leftArea strong a { display: block; height: 33px; padding-left: 45px; line-height: 33px; color: #a17256}
#Test #catalogs .leftArea .b1 {background-position: 0 0;}
#Test #catalogs .leftArea .b2 {background-position: 0 -40px;}
#Test #catalogs .leftArea .b3 {background-position: 0 -80px;}
#Test #catalogs .leftArea .b4 {background-position: 0 -120px;}
#Test #catalogs .leftArea .b5 {background-position: 0 -160px;}
#Test #catalogs .leftArea .b6 {background-position: 0 -200px;}
#Test #catalogs .leftArea .b7 {background-position: 0 -240px;}
#Test #catalogs .leftArea .b8 {background-position: 0 -280px;}
#Test #catalogs .leftArea p {margin-left: 11px; padding-left: 10px; line-height: 21px; background: url(../images/list_ico.gif) 0 50% no-repeat;}

#Test #catalogs .conts dl {width: 750px; height: 305px; overflow: hidden; clear: right;}
#Test #catalogs .conts dl dd {float: left; width: 240px; height: 305px; margin-right: 10px; background: #faf0e6;}
#Test #catalogs .conts dl dd ul { padding-top: 3px;}
#Test #catalogs .conts dl dd ul li { font-size: 14px; line-height: 27px; padding: 0 10px 0 24px; background: url(../images/list_ico.gif) 15px 50% no-repeat;}

/* --广告位-- */
#Test #catalogs .conts .Ad { width: 740px; height: 90px; margin: 10px 0;}


/* -- 玩测试列表页可通用的样式 -- */
#TestList .testCategory { margin-top: 14px; width: 740px; height: 28px; overflow: hidden}
#TestList .testCategory ul { width: 750px;}
#TestList .testCategory ul li { float: left;}
#TestList .testCategory ul li a { display: inline-block; height:26px; line-height: 28px; margin-right: 7px; padding: 0 11px; color: #a17256; border: 1px solid #fbccc8; background:#f4e7dd url(../images/bg_cpt_brown.jpg) 0 -27px repeat-x; overflow: hidden}
#TestList .testCategory ul li.now a {color: #fff; height: 28px; border: none; background-position: 0 0; background-color: #966851; font-weight: bold }

/* -- 3.1 玩测试专业测试列表页 -- */
#TestList #proCategory ul li a { font-size: 14px;}
#TestList #testListWrap { height: 1023px; border: none}
#TestList #testListWrap .list { /*height: 920px;*/height: 1021px; border: 1px solid #e8d5c4;}
#TestList #testListWrap .list ul { width: 700px; margin-left: 19px;}
#TestList #testListWrap .list ul li { float: left; display: block; width: 700px; height: 39px; line-height: 39px; border-bottom: 1px dashed #ccc;}
#TestList #testListWrap .list ul li .cate { float: left; color: #a17256; font-size: 14px; }
#TestList #testListWrap .list ul li .cate a { color: #a17256;}
#TestList #testListWrap .list ul li h2 { float: left; padding-left: 10px; font-size: 14px; font-weight: normal }
#TestList #testListWrap .list ul li .tNum { float: right; font-size: 12px; color: #999}
#TestList #testListWrap .list ul li .tNum span { color: #a17256; font-family: Verdana;}
#TestList #testListWrap .list ul li.highLight { background-color: #fcf8f5}
/* --广告位-- */
#TestList .rightArea .Ad_1 { height: 190px; width:250px;}
#TestList .rightArea .Ad_2 { height: 160px; width:250px; margin-top: 10px}
#TestList .rightArea .Ad_3 { height: 140px; width:250px; margin-top: 10px}

/* -- 玩测试专业测试列表页中的搜索Box -- */
#TestList .rightArea .searchBox { height: 56px; margin-top: 10px; padding: 7px 0 0 9px; border: 1px solid #e8d5c4; background: #faf0e6;}
#TestList .rightArea .searchBox .cpt { display:block; height: 18px; width: 70px; background: url(../images/title_search_byTitle.gif) 0 0 no-repeat; text-indent: -999px;}
#TestList .rightArea .searchBox .keywords { width: 178px; background: url(../images/bg_search_keywords.gif) 0 0 repeat-x; margin-right: 7px; color: #bbb;}
#TestList .rightArea .searchBox .keywordsFocus { color: #666}

/* -- 心理专题Box -- */
#TestList #PsySubjects { height: 278px; margin-top: 10px}
#TestList #PsySubjects ul {zoom: 1; padding: 0px 3px 0 10px;}
#TestList #PsySubjects ul li { line-height: 24px; padding-left: 9px; background: url(../images/list_ico.gif) 0 50% no-repeat;}
#TestList #PsySubjects p { width: 226px; height: 106px; margin: 10px auto 0; overflow: hidden; background: #fff; padding: 1px; border: 1px solid #e0e0e0;}
#TestList #PsySubjects img { position: absolute; width: 226px; height: 146px;  clip: rect(0 226px 106px 0)}
#TestList #PsySubjects h2 { display: block; height: 30px; line-height: 30px; text-align: center; font-size: 14px; }

/* --会员最新评论-- */
#TestList .latestComments { height: 225px; margin-top: 10px }
#TestList .latestComments ul { padding: 3px 0 0 9px}
#TestList .latestComments ul li { padding-left: 20px; line-height: 24px; background: url(../images/global_icos.gif) 0 -115px no-repeat;}

/* -- 3.2 玩测试趣味测试列表页 -- */
#TestList #funCategory ul li a { font-size: 12px; padding: 0 8px;}
#TestList #funCategory ul li.now a { padding: 0 7px 0 6px;}
#TestList #testListWrap .tab { clear:both; float: none; height: 45px; padding-top: 2px;}
#TestList #testListWrap .funList { height: 974px;}
#TestList #testListWrap .funList ul li { height: 59px;}
#TestList #testListWrap .funList ul li div { float: left; font-size: 14px;}
#TestList #testListWrap .funList ul li div h2 { float: none; font-weight: bold; line-height: 39px;}
#TestList #testListWrap .funList ul li div p { color: #999; margin-top: -5px; padding-left: 10px;}
#TestList #testListWrap .funList ul li div p span { margin-left: 25px;}
#TestList #testListWrap .funList ul li .tNum { line-height: 59px;}
#TestList #testListWrap .funList .pages { margin-bottom: 19px}

/* -- 3.3 玩测试内页 -- */
#TestDetail {}
#TestDetail .detailWrap { margin-top: 12px; border: 1px solid #e8d5c4;}
#TestDetail .detailWrap h1 { height: 38px; padding-top: 14px; font-family:"微软雅黑", "宋体"; font-size: 24px; text-align: center; font-weight: normal; line-height: 38px;}
#TestDetail .detailWrap .artInfo { text-align: center; margin: 0 10px; height: 43px; color: #999; line-height: 23px; border-bottom: 1px dashed #ccc;}
#TestDetail .detailWrap .tType { display: block; padding-top: 4px; text-align: center; font-size: 14px; line-height: 34px;  color: #a17256}
#TestDetail .detailWrap dl { margin: 0 29px; padding: 14px 20px; background: #f8f0ea; border: 1px solid #e9d9cb; font-size: 14px;}
#TestDetail .detailWrap dl form { font-size: 14px;}
#TestDetail .detailWrap dl dt {}
#TestDetail .detailWrap dl dt .QCount { line-height: 35px;}
#TestDetail .detailWrap dl dt .QTit { padding:5px 0; font-weight: bold; line-height: 20px; color: #a17256}
#TestDetail .detailWrap dl dd { padding-bottom: 10px;}
#TestDetail .detailWrap dl dd p { padding: 6px 0;}
#TestDetail .detailWrap dl dd td { padding: 6px 0; font-size:14px}
#TestDetail .detailWrap dl dd input.btn_submitTest {}
#TestDetail .detailWrap .Share { border-top: none; margin: 30px 29px 0;}

/* --玩测试内页底部广告Banner-- */
#TestDetail .banner_botTest { width: 740px; height:60px; margin-top: 20px; overflow:hidden}

/* --玩测试内页底部上一簏|下一篇Box-- */
#TestDetail .artPNLink { margin-top: 11px;}
#TestDetail .artPNLink span { border: 1px solid #e8d5c4; background-color: #f8f0ea}

/* --玩测试内页底部相关测试Box-- */
#TestDetail .relatedTest { height: auto; margin-top: 11px; padding-bottom: 4px; overflow:auto; zoom:1}
#TestDetail .relatedTest ul { margin: 10px 0 0 15px;}
#TestDetail .relatedTest ul li { float: left; width: 230px; padding-left: 10px; line-height: 25px; background: url(../images/list_ico.gif) 0 50% no-repeat;}

/* --玩测试内页广告位Box-- */
#TestDetail .rightArea .Ad_1 { width: 250px; height: 190px;}
#TestDetail .rightArea .Ad_2 { width: 250px; height: 140px; margin-top: 10px}
#TestDetail .rightArea .Ad_3 { width: 250px; height: 140px; margin-top: 10px}

/* --玩测试内页生日物语Box-- */
#TestDetail .rightArea #birthTale { margin-top: 10px}

/* -- 玩测试内页右侧的 解困惑Box -- */
#TestDetail #topConsults { height: 247px; padding: 0 7px 0 11px; margin-top: 10px; background: url(../images/bg_box_home.gif) 0 -194px no-repeat;}
#TestDetail #topConsults .cpt { display:block; height: 38px; text-indent: -999px;}
#TestDetail #topConsults .btns { height: 77px;}
#TestDetail #topConsults .btns a { display: inline-block; height: 33px; width: 113px; background: url(../images/btn_consult_confused.gif) 0 0 no-repeat; }
#TestDetail #topConsults .btns a:hover {-moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8;}
#TestDetail #topConsults .btns a.b1 { background-position: -57px 0; padding-bottom: 3px}
#TestDetail #topConsults .btns a.b2 { background-position: 0 -37px;}
#TestDetail #topConsults .btns a.b3 { background-position: -118px -37px;}
#TestDetail #topConsults .btns a span { visibility: hidden; text-decoration: none}
#TestDetail #topConsults .btns a:hover, .topNews #topConsults .btns a:hover span { text-decoration:none}
#TestDetail #topConsults ul { zoom: 1}
#TestDetail #topConsults ul li { line-height: 24px; padding-left: 10px; background: url(../images/list_ico.gif) 0 50% no-repeat; }

/* -- 玩测试内页右侧 您可能感兴趣的心理文章Box -- */
#interestArticles { height: 179px; margin-top: 10px;}
#interestArticles ul { padding: 7px 10px 0 10px; zoom:1}
#interestArticles ul li { float: left; line-height: 23px; width: 228px; overflow:hidden; zoom:1}
#interestArticles ul li .tit { float:left; padding-left: 10px; background: url(../images/list_ico.gif) 2px 50% no-repeat;}
#interestArticles ul li .auth { float:right; display: inline-block;}

/* -- 玩测试内页右侧 测试月排行榜Box -- */
#TestDetail #monthTestTop10 { height: 277px; margin-top: 10px}
#TestDetail #monthTestTop10 ul {padding-top: 6px; padding-left: 35px; background: url(../images/ico_ranking.gif) 10px 11px no-repeat;}
#TestDetail #monthTestTop10 ul li { line-height: 24px;}

/* == 4. 解困惑  == */

/* == 4.1 解困惑首页  == */
#Consult {}
#Consult .PageTit h2 { width: 250px; background-position: 0 -150px;  }
#Consult .PageTit ul li a {}

#Consult .topNews .conts .colLeft { float: left; width: 250px;}
#Consult .topNews .conts .colRight { float: right; width: 480px;}

#Consult .topNews #flowIntro { height: 160px; margin-top: 11px; padding-top: 10px; background: url(../images/img_consultFlow.png) 0 10px no-repeat; overflow: hidden }

#Consult .topNews #flowIntro dl { margin-left: 0; background:transparent}
#Consult .topNews #flowIntro dl dt { float: left; width: 204px; height: 150px; }
#Consult .topNews #flowIntro dl dt a { display:block; width: 146px; height: 50px; margin-left: 1px; text-indent: -99999px; overflow: hidden; background: url(../images/img_consultFlow.png) 0 0 no-repeat;}
#Consult .topNews #flowIntro dl dt a.c1 { background-position: 0 0;}
#Consult .topNews #flowIntro dl dt a.c2 { background-position: 0 -50px;}
#Consult .topNews #flowIntro dl dt a.c3 { background-position: 0 -100px;}
#Consult .topNews #flowIntro dl dt a:hover {margin-left: 0; -moz-opacity: 0.5; *filter:alpha(opacity=50); opacity: 0.5;}
#Consult .topNews #flowIntro dl dd {float:left; width: 534px; height: 50px; background:transparent}
#Consult .topNews #flowIntro dl dd a { float: left; display: block; width: 124px; height: 44px; margin-right: 6px; text-indent: -99999px; background: url(../images/img_consultFlow.png) 0 0 no-repeat; }
#Consult .topNews #flowIntro dl dd a:hover { -moz-opacity: 0.5; *filter:alpha(opacity=50); opacity: 0.5;}
#Consult .topNews #flowIntro dl dd a.l1_b1 { background-position: -203px 0;}
#Consult .topNews #flowIntro dl dd a.l2_b1 { background-position: -203px -50px; margin-right:56px}
#Consult .topNews #flowIntro dl dd a.l2_b2 { background-position: -383px -50px;}
#Consult .topNews #flowIntro dl dd a.l2_b3 { background-position: -513px -50px;}
#Consult .topNews #flowIntro dl dd a.l3_b1 { background-position: -203px -100px;}
#Consult .topNews #flowIntro dl dd a.l3_b2 { background-position: -333px -100px;}
#Consult .topNews #flowIntro dl dd a.l3_b3 { background-position: -463px -100px;}
#Consult .topNews #flowIntro dl dd a.l3_b4 { background-position: -593px -100px;}
/* -- 心理咨询标签Box -- */
#Consult #tagsConsult { height: 115px; margin-top: 10px; background-color: #fff }
#Consult #tagsConsult p { margin: 5px}
#Consult #tagsConsult a { display: inline-block; margin: 0 4px; font-size: 14px; line-height: 25px;}

/* -- 心理咨询方法Box -- */
#Consult .topNews .colLeft .dottedList { margin-top: 10px; background-color: #fff;}
#Consult .topNews .colLeft .dottedList ul { margin: 7px 10px 0;}
#Consult .topNews .colLeft .dottedList ul li { height: 24px; line-height: 24px; border-top: 1px dotted #cfbfb4; padding-left: 23px; background: url(../images/ico_list_arrow.gif) 9px 50% no-repeat;}
#Consult .topNews .colLeft .dottedList ul li.first { border-top: none;}

#Consult .topNews .colLeft #psyConMethod { height: 164px;}
#Consult .topNews .colLeft #psyConGuide { height: 139px;}

/* --在线咨询Box-- */
#Consult .topNews .colRight {}
#Consult .topNews #onlineConsult { height: 442px; margin-top: 10px; border: 1px solid #e8d5c4; background: #fef7f3 url(../images/bg_onlineConsult.png) 0 0 repeat-x;}
#Consult .topNews #onlineConsult .cpt { background: none}
#Consult .topNews #onlineConsult .mainBtns { height: 69px; margin: 12px 0 0 9px; background: url(../images/div_mainBtns.gif) 217px 5px no-repeat; }
#Consult .topNews #onlineConsult .mainBtns a {}
#Consult .topNews #onlineConsult .mainBtns a.b1 { margin-right: 27px;}
#Consult .topNews #onlineConsult .mainBtns a.b2 {}
#Consult .topNews #onlineConsult .mainBtns a:hover img { -moz-opacity: 0.9; *filter:alpha(opacity=90); opacity: 0.9;}
#Consult .topNews #onlineConsult dl { clear: both; float:none; height: 165px; margin: 2px 13px 0 11px;}
#Consult .topNews #onlineConsult dl dt { height: 21px; border-bottom: 1px solid #e8d8c4;}
#Consult .topNews #onlineConsult dl dd { padding-top: 7px;}
#Consult .topNews #onlineConsult dl dd .pic { float: left; width: 116px; height: 119px; margin-right: 11px; padding: 1px; border: 1px solid #e0e0e0;}
#Consult .topNews #onlineConsult dl dd ul { float: left; width: 322px;}
#Consult .topNews #onlineConsult dl dd ul li { line-height: 24px; padding-left: 10px; background:url(../images/list_ico.gif) 0 50% no-repeat;}
#Consult .topNews #onlineConsult dl dd ul li span { color: #a17256}
#Consult .topNews #onlineConsult dl dd ul li span a {color: #a17256}

/* --右上角的广告位Box-- */
#Consult .topNews .rightArea .Ad_1 { width: 250px; height: 170px; margin-top: 0; padding-top: 1px}
/* --右上角轮播Box-- */
#Consult .topNews .rightArea #dPlayer { width: 250px; height: 160px; margin-top: 10px; border: none;}
#Consult .topNews .rightArea #dPlayer .catpitonWrap { position:absolute; bottom: 0; width: 250px; height: 30px; background: url(../images/bg_caption.png) 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="../images/bg_caption.png"); _background:none; z-index: 1; overflow:hidden}
#Consult .topNews .rightArea #dPlayer .catpitonWrap .inner { height: 20px; margin-top: 6px; overflow:hidden;}
#Consult .topNews .rightArea #dPlayer .catpitonWrap .inner ul { width: 250px; margin-left: 12px; }
#Consult .topNews .rightArea #dPlayer .catpitonWrap .inner ul li { height: 40px; font-size: 14px; line-height: 16px; _line-height: 18px; padding-left: 10px; font-weight: bold; }
#Consult .topNews .rightArea #dPlayer .catpitonWrap .inner ul li a { color:#fff; font-family:"微软雅黑",Verdana, "宋体"; }
#Consult .topNews .rightArea #dPlayer .banner { position:relative; width: 250px; height: 160px; z-index: 0}
#Consult .topNews .rightArea #dPlayer .banner li { position:absolute; display:block; width: 250px; height: 160px; background-position: 0 0; background-repeat: no-repeat;}
#Consult .topNews .rightArea #dPlayer .banner li a { display: block; width: 250px; height: 160px;}
#Consult .topNews .rightArea #dPlayer .trigger { display: none;}

/* --人气咨询师-- */
#Consult .topNews #hotConsultants { height: 272px; margin-top: 10px}
#Consult .topNews #hotConsultants dl { height: 103px; margin: 0 9px 0 9px; padding-top: 12px; overflow: hidden }
#Consult .topNews #hotConsultants dl dt { float:left; width: 116px;}
#Consult .topNews #hotConsultants dl dt img { width: 102px; height: 102px; padding: 1px; background: #fff; border:1px solid #e0e0e0; }
#Consult .topNews #hotConsultants dl dd { float: left; width: 112px; line-height: 20px;}
#Consult .topNews #hotConsultants dl dd strong a { color: #ab5909;}
#Consult .topNews #hotConsultants dl dd p {}

/* --解困惑首页 正文下半部分-- */
#Consult .Part_2 {}
#Consult .Part_2 .leftArea { float: left; width: 250px;}
#Consult .Part_2 .conts { float: right; width: 740px;}

#Consult .Part_2 .leftArea .Ad_3 { width: 250px; height: 190px; margin-top: 10px }
#Consult .Part_2 .leftArea .Ad_4 { width: 250px; height: 190px; margin-top: 10px }

/* -- 咨询师动态 -- */
#Consult .Part_2 .leftArea #consultantNews { height: 225px; margin-top: 10px;}
#Consult .Part_2 .leftArea #consultantNews ul {zoom: 1; padding: 4px 9px 0 11px;}
#Consult .Part_2 .leftArea #consultantNews ul li { line-height: 24px; padding-left: 10px; background: url(../images/list_ico.gif) 0 50% no-repeat;}

/* -- 心理志愿者 | 心理咨询专家-- */
#Consult .Part_2 .conts .thumbList { height: 226px; margin-top: 10px; }
#Consult .Part_2 .conts .thumbList ul { margin-top: 15px;}
#Consult .Part_2 .conts .thumbList ul li {float: left; width: 123px; text-align: center;}
#Consult .Part_2 .conts .thumbList ul li a.avatar { display: inline-block; width: 91px; height: 101px; padding: 1px; background: #fff; border:1px solid #e0e0e0; overflow: hidden}
#Consult .Part_2 .conts .thumbList ul li a.avatar span { display: inline-block; width: 91px; height: 101px; overflow: hidden}
#Consult .Part_2 .conts .thumbList ul li a.avatar img {height: 101px; width: auto}
#Consult .Part_2 .conts .thumbList ul li img { height: 101px; width: auto}
#Consult .Part_2 .conts .thumbList ul li p strong { display: inline-block; margin: 5px 0; font-size: 14px; line-height: 20px}
#Consult .Part_2 .conts .thumbList ul li a.btn { display: inline-block; margin-top: 3px; width: 75px; height: 27px; color: #ab5909; line-height: 27px; text-align: center; background: url(../images/bg_btn_consult.gif) 0 0 no-repeat;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip { display: none; position: absolute; width: 280px; height: 287px; background:transparent; z-index: 999;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .inner { position:relative; padding: 0 20px 0 11px; text-align: left; z-index: 1; zoom: 1}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .inner .cpt { position: static; height: 23px; padding-left: 9px; background:none; line-height: normal}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .inner .float_l { width: 114px; padding-top: 2px; text-align: center}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .inner .float_r { width: 135px;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .inner .float_r .intro { height: 146px; }
#Consult .Part_2 .conts .thumbList ul li .popup_tip .inner .float_r .intro p { line-height: 18px}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .inner .float_r strong { display: inline-block; font-size: 14px; margin-bottom: 5px}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .inner .float_r ol { padding: 0px 0 0 8px; list-style: none}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .inner .float_r ol li { float: none; display: block; width: auto; text-align: left; padding: 0 0 5px 22px; background: url(../images/global_icos.gif) 0 -150px no-repeat;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .inner .float_r .dept { font-size: 14px;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .inner .float_r .btn_detail { text-align:right;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .inner .float_r .btn_detail a { font-size: 14px; font-weight: bold; color: #ab5909}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .bg { position: absolute; top:0; left:0; height: 287px; overflow: hidden}
#Consult .Part_2 .conts .thumbList ul li .popup_tip .bg span { display: block; width: 280px; height: 1187px; background:transparent url(../images/bg_popup_tip.png) 0 0 no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="image", src="../images/bg_popup_tip.png");_background:none;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip_rb { margin: 50px 0 0 0; *margin: 50px 0 0 -14px;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip_rb .inner { margin-top: 80px}
#Consult .Part_2 .conts .thumbList ul li .popup_tip_rb .bg span { margin-top: -900px;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip_rt {margin: -230px 0 0 0; *margin: -230px 0 0 -20px;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip_rt .inner { margin-top: 12px}
#Consult .Part_2 .conts .thumbList ul li .popup_tip_rt .bg span { margin-top: 0;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip_lt {margin: -230px 0 0 -157px; *margin: -230px 0 0 -170px;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip_lt .inner { margin-top: 12px}
#Consult .Part_2 .conts .thumbList ul li .popup_tip_lt .bg span { margin-top: -300px;}
#Consult .Part_2 .conts .thumbList ul li .popup_tip_lb { margin: 50px 0 0 -157px; *margin: 50px 0 0 -170px; }
#Consult .Part_2 .conts .thumbList ul li .popup_tip_lb .inner { margin-top: 80px}
#Consult .Part_2 .conts .thumbList ul li .popup_tip_lb .bg span { margin-top: -600px;}
/* == 4.2 解困惑列表页== */
#ConsultList .articleListWrap .tab li a.t2 { width: 173px; background-position: -550px -40px; }
#ConsultList .articleListWrap .tab li.now a.t2 { background-position: -550px 0;}
#ConsultList .articleListWrap .tab li a.t3 { width: 193px; background-position: -178px -40px;}
#ConsultList .articleListWrap .tab li.now a.t3 { background-position: -178px 0;}

#ConsultList #consultListWrap { height: auto; border: none}
#ConsultList #consultListWrap .list { /*height: 920px;*/height: 693px; margin-top: 10px; border: 1px solid #e8d5c4;}
#ConsultList #consultListWrap .list ul { width: 700px; margin-left: 19px;}
#ConsultList #consultListWrap .list ul li { float: left; display: block; width: 700px; height: 39px; line-height: 39px; border-bottom: 1px dashed #ccc;}
#ConsultList #consultListWrap .list ul li .cate { float: left; color: #a17256; font-size: 14px; }
#ConsultList #consultListWrap .list ul li .cate a { color: #a17256;}
#ConsultList #consultListWrap .list ul li h2 { float: left; padding-left: 10px; font-size: 14px; font-weight: normal; color: #666 }
#ConsultList #consultListWrap .list ul li .r { float: right; display: inline-block; width: 205px;  font-family: Verdana; text-align: right; color: #999}
#ConsultList #consultListWrap .list ul li .name { float: left; display: inline-block; width: 90px; padding-right: 5px; text-align: right; font-size: 12px; font-family: "宋体"; color: #cd9661}
#ConsultList #consultListWrap .list ul li .gender { float: left; font-family: Verdana; display: inline-block; width: 30px; text-align: center; color: #cd9661}

/* --活动沙龙-- */
#Salon { height: auto; margin-top: 10px; padding-bottom: 10px; }
#Salon p.pic { margin: 10px 10px 5px; } 
#Salon img { width: 224px; height: 167px; padding: 1px;  border: 1px solid #ccc;}
#Salon h3 a {  font-size: 14px; margin: 0 10px; color: #666; text-decoration: underline}
#Salon p { margin-left: 10px; line-height: 24px }

/* == 4.2(New) 解困惑列表页(New)== */
#Consult #ConsultList .Part_2 {margin-top: 10px}
#Consult #ConsultList .Part_2 .leftArea {}
#Consult #ConsultList .Part_2 .leftArea ul {width: 234px; height: auto; margin-top: 10px; padding: 7px 7px 2px; border: 1px solid #e8d5c4; overflow: auto; zoom: 1; background: #faf0e6;}
#Consult #ConsultList .Part_2 .leftArea ul li { display: block; height: 35px; margin-bottom: 5px; }
#Consult #ConsultList .Part_2 .leftArea ul li a { display: block; height: 33px; border: 1px solid #e8d5c4; background:#fff url(../images/bg_tabs_topBoards.png) -1000px -1000px repeat-x;}
#Consult #ConsultList .Part_2 .leftArea ul li a strong { margin-left: 22px; padding-left:22px; color:#a17256; line-height: 33px; background: url(../images/global_icos.gif) 0 -180px no-repeat;}
#Consult #ConsultList .Part_2 .leftArea ul li a:hover { text-decoration: none; border: 1px solid #ffd5c4; -moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8;}
#Consult #ConsultList .Part_2 .leftArea ul li.now a { background-position: 0 -300px}
#Consult #ConsultList .Part_2 .leftArea ul li.now a strong { color: #000; background-position: 0 -210px}
#Consult #ConsultList .Part_2 .conts .thumbList { height: auto; overflow: auto; zoom: 1 }
#Consult #ConsultList .Part_2 .conts .thumbList ul li { height: auto; overflow: auto; margin-bottom: 30px;}
#Consult #ConsultList .Part_2 .conts .thumbList ul li .popup_tip li { padding-bottom: 5px; margin-bottom: 0}
#Consult #ConsultList .Part_2 .conts .thumbList .pages { float: none; clear: left; margin: 0 5px 25px 0; text-align: right}

#Consult #ConsultList .Part_2 .conts .thumbList ul li.clear {float:none; font: 0px/0px sans-serif; margin-bottom:0; height:0; width: 1000px; overflow:hidden; clear: both; visibility: hidden; display: block;}
/* --通栏排列的列表-- */
#Consult #ConsultList .Part_2 .contsW { width: 1000px; float: none;}
#Consult #ConsultList .Part_2 .contsW .thumbList ul { margin-left: 6px}
#Consult #ConsultList .Part_2 .contsW .thumbList .pages { text-align: center}
/* == 4.3 解困惑内容页== */

/* --用户问题Box-- */
.Question {}
.Question .QTit { height: 27px; margin-top: 10px; line-height: 27px; background: url(../images/bg_cpt_general.jpg) 0 0 repeat-x;}
.Question .QTit .l { float: left; font-size: 14px; font-weight: bold; } 
.Question .QTit .r { float: right; font-family: Verdana; padding-right: 12px;}
.Question .QTit .num { margin: 0 32px 0 15px; color: #a17256;}
.Question .QTit .l strong { color: #000}
.Question .QTit .name { margin-right: 38px; color: #a17256; font-family:"宋体";}
.Question .QTit .date { color: #666;}
.Question .Qinfo {height: 43px; padding-left: 15px; line-height: 43px; font-size: 14px;}
.Question .Qinfo em, .Question .Qinfo em a { color: #a17256; font-style:normal}
.Question .Qinfo .viewed { float: left; margin-right: 70px;}
.Question .Qinfo .status { float: left;}
.Question .Qinfo .cmNum { float: right; clear:right; padding-right: 10px}
.Question .Qinfo .cmNum strong {color: #a17256; font-family: Arial;}
.Question dl { clear: right; height: auto; padding: 13px 0 13px; border-top: 1px dotted #ccc; overflow: auto; zoom: 1}
.Question dl dt { float: left; width: 136px; height: 130px; text-align: center;}
.Question dl dt img { width: 98px; height: 98px; border: 3px solid #e3e3e3;}
.Question dl dt p {color: #a17256;}
.Question dl dd {float:left; width: 852px; font-size: 14px; line-height: 25px;}

/* -- 专家回复Box --*/
.Reply { clear: both; float:none}
.Reply .type { height: 37px; padding-left: 15px; color: #fff; line-height: 31px; background:url(../images/bg_q_type.png) 0 0 no-repeat;}
.Reply .wrap {margin-top: 9px; background: #faf0e6;}
.Reply .wrap dl { height: auto; overflow: auto; zoom: 1; padding-bottom: 10px; border: 1px dashed #e3cbb2}
.Reply .wrap dl dt { float: right; padding-top: 11px; width: 145px; text-align:center}
.Reply .wrap dl dt .pic { width: 85px; height:95px; margin-top: 5px; padding: 1px; border: 1px solid
 #e5ceb6;}
.Reply .wrap dl dt span { display: block; margin-left: 27px; text-align: left; color: #000;}
.Reply .wrap dl dt .name { font-weight: bold; color: #a17256;}
.Reply .wrap dl dt p { padding-bottom: 5px}
.Reply .wrap dl dd { float: left; width: 837px; padding: 14px 0 0 14px; font-size: 14px; line-height: 25px;}
.Reply .wrap dl dd .loginViewAll { margin-top: 10px; text-align: center; font-weight: bold; }
.Reply .wrap dl dd .loginViewAll a { color: #a17256; text-decoration: underline}

/* --回复评价打分 -- */
#starRateBox { height: 138px; margin-top: 10px; background: none}
#starRateBox dl {}
#starRateBox dl dt { float: left; width: 178px; margin-top: 14px; padding-left: 24px;}
#starRateBox dl dt strong { display: block; height: 27px;}
#starRateBox dl dt .mark { float: left; width: 45px; }
#starRateBox dl dt .mark span {margin-right: 5px; font-size: 24px; color: #d15f14; font-family:Verdana; }
#starRateBox dl dt .star { float: right; width: 130px; padding-top: 15px}
#starRateBox dl dt .total { float: none; clear: both; line-height: 30px;}
#starRateBox dl dt .total span { color: #d15f14;}
#starRateBox dl dd { float: left; width: 102px; height: 70px; margin-top: 14px; text-align: center; background: url(../images/bg_rate_grade.png) 50% 0 no-repeat;}
#starRateBox dl dd p { cursor: pointer}
#starRateBox dl dd p a:hover {color: #d15f14;}
#starRateBox dl dd .mark {color: #d15f14; margin-bottom: 9px; font-weight:bold; line-height: 38px; font-size: 16px; font-family: Verdana;}
#starRateBox dl dd .hightLight {color: #d15f14;}
#starRateBox dl dd .hightLight a {color: #d15f14;}

/* --网友支招-- */
#netterReply { margin-top: 10px; background-color: #fff;}
#netterReply .cpt .rLink { right: 10px; color: #000;}
#netterReply ul { margin: 0; height: auto; overflow: auto; zoom:1;}
#netterReply ul li { float:left; width: 718px; height: auto; overflow: auto; zoom: 1; padding: 6px 10px; line-height: 18px; border-top: 1px dotted #cfbfb4;}
#netterReply ul li.first { border-top: none;}
#netterReply ul li .name { float: right;}
#netterReply ul li p { float: left; width: 634px }

/*--咨询通道Box--*/
#consultAccess { height: 138px;}
#consultAccess .btns { height: 77px; margin:22px 0 0 11px;}
#consultAccess .btns a { display: inline-block; height: 33px; width: 113px; background: url(../images/btn_consult_confused.gif) 0 0 no-repeat; }
#consultAccess .btns a:hover {-moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8;}
#consultAccess .btns a.b1 { background-position: -57px 0; padding-bottom: 3px}
#consultAccess .btns a.b2 { background-position: 0 -37px;}
#consultAccess .btns a.b3 { background-position: -118px -37px;}
#consultAccess .btns a span { visibility: hidden; text-decoration: none}
#consultAccess .btns a:hover, #consultAccess .btns a:hover span { text-decoration:none}

/*--您可能感兴趣的心理文章Box--*/
#ConsultDetail #interestArticles { height: 182px;}
#ConsultDetail s#interestArticles ul { padding-top: 9px;}

/* --广告位-- */
#ConsultDetail .Ad_1 {width: 250px; height: 120px; margin-top: 10px}

/* --4.4 解困惑：在线咨询-- */
#ConsultOnline {}
#ConsultOnline .form {}
#ConsultOnline .form dl { padding: 30px 0;}
#ConsultOnline .form dl dd { clear: left; float:none; height: auto; overflow: auto; padding-top: 8px; zoom: 1 }
#ConsultOnline .form .tip { margin-left: 173px; color: #b82f17; font-weight: bold;}
#ConsultOnline .form label { float: left; display: block; width: 163px; padding: 6px 10px 0 0; text-align: right; color:#333; font-weight: bold;}
#ConsultOnline .form .item { float: left; width: 770px; color: #929292}
#ConsultOnline .form .item label { float: none; display:inline-block; height: 26px; width:auto; vertical-align: middle; padding: 0 5px; line-height: 26px; font-weight: normal;}
#ConsultOnline .form .item label input { vertical-align: middle}
#ConsultOnline .form .input_text {width: 182px; border: 1px solid #c09980; background: #fff; font-size: 12px; padding: 4px; vertical-align: middle}
#ConsultOnline .form .input_long {width: 320px}
#ConsultOnline .form textarea { float:left; width: 625px; height: 205px; border: 1px solid #c09980; background: #fff; font-size: 12px; padding: 4px; font-family:Verdana,'宋体',Tahoma,Arial; overflow-y: auto;  }
#ConsultOnline .form .wordCount { float: left; padding: 81px 0 0 15px; line-height: 20px; font-family:Verdana,'宋体',Tahoma,Arial}
#ConsultOnline .form .wordCount .num {color:#772b00; font-weight: bold;}
#ConsultOnline .form .wordCountAlert { font-weight: bold; color:#B82F17}
#ConsultOnline .form .float_none { padding: 6px 0 27px; }
#ConsultOnline .form .highlight {color:#772b00 }
#ConsultOnline .form .code { width: 60px }
#ConsultOnline .form .btns { margin:14px 0 0 173px;}
#ConsultOnline .form .btns input { vertical-align:top; margin-right: 23px}
/* == 5. 心理资讯 == */
#Info .PageTit h2 { width: 302px; background-position: 0 -200px; }

/* --5.1 心理资讯首页-- */
#Info #dPlayer { position: relative; height: 250px; width: 740px; margin-top: 10px; }
#Info #dPlayer .banner {float: left; position:relative; width: 440px; height: 250px; z-index: 0}
#Info #dPlayer .banner li { position:absolute; display:block; width: 440px; height: 250px; background-position: 2px 2px; background-repeat: no-repeat;}
#Info #dPlayer .banner li a { display: block; width: 436px; height: 246px; border: 2px solid #e0e0e0;}
#Info #dPlayer .trigger { float: right; width: 295px; height: 250px; overflow: hidden}
#Info #dPlayer .trigger li { float:left; display:block; width: 295px; height: 61px; margin-bottom: 2px; background: #f1f1f1; line-height: 17px; cursor: pointer; color: #888; overflow: hidden}
#Info #dPlayer .trigger li img { float: left; width: 95px; height: 61px; -moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8}
#Info #dPlayer .trigger li p { float: right; width: 174px; padding: 5px 15px 0 0;}
#Info #dPlayer .trigger li.now { background:#e7e7e7; color: #666 }
#Info #dPlayer .trigger li.now img {-moz-opacity: 1; *filter: alpha(opacity=100); opacity: 1}
#Info #dPlayer .catpitonWrap { float: none; clear:both; position:absolute; left: 2px; bottom: 2px; width: 436px; height: 44px; background: url(../images/bg_caption.png) 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="../images/bg_caption.png"); _background:none; z-index: 1; overflow:hidden}
#Info #dPlayer .catpitonWrap .inner { height: 24px; margin-top: 12px; overflow:hidden}
#Info #dPlayer .catpitonWrap .inner ul { width: 425px; margin-left: 12px; }
#Info #dPlayer .catpitonWrap .inner ul li { height: 40px; font-size: 18px; line-height: 20px; _line-height: 20px; padding-left: 10px; font-weight: bold; }
#Info #dPlayer .catpitonWrap .inner ul li a { color:#fff; font-family:"微软雅黑",Verdana, "宋体"; }

/* --心理专题培训 | 心理沙龙活动 | 心理咨询师考试 | 心理新闻资讯 -- */
#Info dl.infoBox { margin-top: 10px;}
#Info dl.infoBox dd { float: left; width: 355px; }
#Info dl.infoBox dd.right { float: right; width: 375px;}
#Info dl.infoBox dd .cpt { display: block; position: relative; height: 28px; line-height: 28px; background: url(../images/bg_cpt_withShadow.png) 0 0 no-repeat; font-weight: normal;}
#Info dl.infoBox dd .cpt h2 {width: 129px; text-align: center; font-size: 14px; color: #fff;}
#Info dl.infoBox dd .cpt .rLink { position: absolute; right: 10px; top: 0; color: #a17256;}
#Info dl.infoBox dd .preview { margin-top: 10px;}
#Info dl.infoBox dd .preview .pic { float: left; height: 145px; width: 120px; margin-right: 10px; padding: 2px; background:#fff; border: 1px solid #e6e6e6; }
#Info dl.infoBox dd .preview strong a { font-size: 14px; line-height: 24px; color: #a17256;}
#Info dl.infoBox dd .preview .artInfo {color: #a17256; line-height: 20px; margin-top: 5px}
#Info dl.infoBox dd .preview .intro { line-height: 20px; margin-top: 5px}
#Info dl.infoBox dd ul { float: none; clear: both; zoom: 1; padding-top: 3px; }
#Info dl.infoBox dd ul li { display: block; font-size: 14px; line-height: 24px; padding-left: 17px; background: url(../images/list_ico.gif) 7px 50% no-repeat;}

/* -- 广告位 -- */
#Info .Container .conts .Ad_1 { width: 740px; height: 90px; margin-top: 10px;}
#Info .Container .rightArea .Ad_2 { width: 250px; height: 90px; margin-top: 10px;}

/* -- 心理调查 -- */
#psyInquiry { padding-bottom: 10px;}
#psyInquiry .tit { display: block; margin: 10px 10px 0;}
#psyInquiry .tit a { color: #a17256;}
#psyInquiry .pic { width: 223px; height: 86px; margin: 5px 0 0 10px; padding: 1px; background: #fff; border:1px solid #e0e0e0;}
#psyInquiry .intro { line-height: 24px; margin: 2px 10px 0;}
#psyInquiry .btns { text-align: center; margin-top: 7px;}
#psyInquiry .btns a { display:inline-block; width: 100px; height: 27px; margin: 0 10px; text-align: center; line-height: 27px; font-weight: bold; color: #fff; background: url(../images/bg_btn_brown.png) 0 0 no-repeat;}
#psyInquiry .btns a:hover { text-decoration: none}

/* -- 心理资讯首页中的搜索Box -- */
#Info .rightArea .searchBox { height: 97px; margin-top: 10px; padding: 6px 0 0 9px; border: 1px solid #e8d5c4; background: #faf0e6;}
#Info .rightArea .searchBox .cpt { display:block; height: 20px; width: 84px; background: url(../images/title_search_info.gif) 0 0 no-repeat; text-indent: -999px;}
#Info .rightArea .searchBox .keywords { width: 178px; background: url(../images/bg_search_keywords.gif) 0 0 repeat-x; margin-right: 7px; color: #bbb;}
#Info .rightArea .searchBox .keywordsFocus { color: #666}
#Info .rightArea .searchBox .tags { margin: 5px 5px 0 3px;}
#Info .rightArea .searchBox .tags a { display: inline-block; margin-right: 5px; line-height: 20px;}
#Info .rightArea .searchBox .tags a.highlight { font-weight: bold; color: #a17256;}

/* -- 心理调查报告 -- */
#psyInquiryReport { margin-top:10px; padding-bottom: 10px;}
#psyInquiryReport .pic { width: 223px; height: 110px; margin: 10px 0 0 10px; padding: 1px; background: #fff; border:1px solid #e0e0e0;}
#psyInquiryReport .tit { display: block; text-align: center; margin: 5px 10px 0;}
#psyInquiryReport .tit a { color: #a17256;}
#psyInquiryReport ul {zoom: 1; padding: 5px 9px 0 11px;}
#psyInquiryReport ul li { line-height: 24px; padding-left: 10px; background: url(../images/list_ico.gif) 0 50% no-repeat;}

/* -- 心理调查报告 -- */
#psyShare { margin-top: 10px; padding-bottom: 5px}
#psyShare ul {zoom: 1; padding: 10px 9px 0 11px;}
#psyShare ul li { line-height: 24px; padding-left: 10px; background: url(../images/list_ico.gif) 0 50% no-repeat;}

/* -- 5.2 心理资讯列表页：资讯搜索Box --*/
#InfoList .searchBox { position: relative; height: 36px; margin-top: 10px; padding-top: 10px; border: 1px solid #e8d5c4; background: #faf0e6; overflow: hidden}
#InfoList .searchBox .cpt { float: left; display: block; height: 25px; width: 70px; padding-left: 19px; background: url(../images/title_search_InfoList.gif) 19px 0 no-repeat; text-indent: -999px;}
#InfoList .searchBox form { width: 300px; overflow:hidden}
#InfoList .searchBox .keywords { float: left; width: 243px; background: url(../images/bg_search_keywords.gif) 0 0 repeat-x; margin-right: 7px; color: #bbb;}
#InfoList .searchBox .keywordsFocus { color: #666}
#InfoList .searchBox .tags { position: absolute; width: 330px; top: 0; right: 0; overflow:hidden}
#InfoList .searchBox .tags a { display: inline-block; font-size: 14px; margin-right: 5px; line-height: 47px;}
#InfoList .searchBox .tags a.highlight { font-weight: bold; color: #a17256;}

/* --广告位-- */
#InfoList .rightArea .Ad_1 {width: 250px; height: 150px; margin-top:0}
#Info #InfoList .rightArea .Ad_2 {width: 250px; height: 183px; margin-top:10px}

/* --网友精彩活动分享-- */
#websterActivity { margin-top: 10px; padding-bottom: 8px}
#websterActivity ul { height:auto; overflow:auto; padding: 7px 10px 0 10px; zoom:1}
#websterActivity ul li { float: left; line-height: 23px; width: 228px; overflow:hidden; zoom:1}
#websterActivity ul li .tit { float:left; padding-left: 10px; background: url(../images/list_ico.gif) 2px 50% no-repeat;}
#websterActivity ul li .auth { float:right; display: inline-block;}

/* --5.3 心理资讯列表页-文章内页样式 -- */

/**  
	左侧文章内容使用了与“看文章内容页”左侧一样的样式，父级容器ID同样为: ArticleDetail
*/

/* 右铡广告位 */
#Info #ArticleDetail .rightArea .Ad_1 {width: 250px; height: 140px;}
#Info #ArticleDetail .rightArea .Ad_2 {width: 250px; height: 140px;}
#Info #ArticleDetail .rightArea .Ad_3 {width: 250px; height: 140px;}
#Info #ArticleDetail .rightArea .Ad_4 {width: 250px; height: 250px; margin-top: 10px}

/* == 6. 心理氧吧 == */
#Bar {}
#Bar .PageTit h2 { width: 293px; background-position: 0 -250px; }

/* --6.1 心理氧吧首页-- */
#Bar #dPlayer { position: relative; height: 250px; width: 740px; margin-top: 10px; }
#Bar #dPlayer .banner {float: left; position:relative; width: 440px; height: 250px; z-index: 0}
#Bar #dPlayer .banner li { position:absolute; display:block; width: 440px; height: 250px; background-position: 2px 2px; background-repeat: no-repeat;}
#Bar #dPlayer .banner li a { display: block; width: 436px; height: 246px; border: 2px solid #e0e0e0;}
#Bar #dPlayer .trigger { float: right; width: 295px; height: 250px; overflow: hidden}
#Bar #dPlayer .trigger li { float:left; display:block; width: 295px; height: 61px; margin-bottom: 2px; background: #f1f1f1; line-height: 17px; cursor: pointer; color: #888; overflow: hidden}
#Bar #dPlayer .trigger li img { float: left; width: 95px; height: 61px; -moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8}
#Bar #dPlayer .trigger li p { float: right; width: 174px; padding: 5px 15px 0 0;}
#Bar #dPlayer .trigger li.now { background:#e7e7e7; color: #666 }
#Bar #dPlayer .trigger li.now img {-moz-opacity: 1; *filter: alpha(opacity=100); opacity: 1}
#Bar #dPlayer .catpitonWrap { float: none; clear:both; position:absolute; left: 2px; bottom: 2px; width: 436px; height: 44px; background: url(../images/bg_caption.png) 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="../images/bg_caption.png"); _background:none; z-index: 1; overflow:hidden}
#Bar #dPlayer .catpitonWrap .inner { height: 24px; margin-top: 12px; overflow:hidden}
#Bar #dPlayer .catpitonWrap .inner ul { width: 425px; margin-left: 12px; }
#Bar #dPlayer .catpitonWrap .inner ul li { height: 40px; font-size: 18px; line-height: 20px; _line-height: 20px; padding-left: 10px; font-weight: bold; }
#Bar #dPlayer .catpitonWrap .inner ul li a { color:#fff; font-family:"微软雅黑",Verdana, "宋体"; }

/* --咖啡心语-- */
#Bar #essenceText { position: relative; width: 740px; height: 106px; margin-top: 9px; background: url(../images/bg_essenceTextBox.png) no-repeat;}
#Bar #essenceText .text { padding: 25px 15px 0 50px; background: url(../images/bg_quo.gif) 20px 35px no-repeat;}
#Bar #essenceText .text span { display: inline-block; font-size: 14px; background:transparent url(../images/bg_quo.gif) right 0 no-repeat; margin-top: 10px; padding: 13px 25px 0 0; }
#Bar #essenceText .auth { position: absolute; bottom: 10px; right: 50px; text-align: right;/* margin: 10px 69px 0 0;*/ }
#Bar #essenceText .auth .mdash { display: inline-block; height: 1px; width: 70px; font-size:1px; line-height: 1px; margin-right: 29px; border-bottom: 1px solid #a17256; vertical-align: middle}
#Bar #essenceText .auth .name { font-size: 14px; font-weight: bold; color:#79492d; vertical-align:middle}

/* --心理音乐 | 心理电影 | 心理图书 | 游心理戏 -- */
#Bar dl.infoBox {height: 187px; clear: both; float: none; overflow: hidden; margin-top: 10px;}
#Bar dl.infoBox dd { float: left; width: 355px; }
#Bar dl.infoBox dd.right { float: right; width: 375px;}
#Bar dl.infoBox dd .cpt { display: block; position: relative; height: 28px; line-height: 28px; background: url(../images/bg_cpt_withShadow.png) -30px 0 no-repeat; font-weight: normal;}
#Bar dl.infoBox dd .cpt h2 {width: 105px; text-align: center; font-size: 14px; color: #fff;}
#Bar dl.infoBox dd .cpt .rLink { position: absolute; right: 10px; top: 0; color: #a17256;}
#Bar dl.infoBox dd .preview { margin-top: 10px;}
#Bar dl.infoBox dd .preview .pic { float: left; height: 145px; width: 120px; width: 96px; height: 96px; margin-right: 10px; padding: 2px; background:#fff; border: 1px solid #e6e6e6; }
#Bar dl.infoBox dd .preview strong a { font-size: 14px; line-height: 24px; color: #a17256;}
#Bar dl.infoBox dd .preview .intro { line-height: 20px; text-indent: 2em; margin-top: 5px}
#Bar dl.infoBox dd .preview .more {display: inline-block; text-indent: 0; color: #a17256}
#Bar dl.infoBox dd .preview .more a {color: #a17256}
#Bar dl.infoBox dd ul { float: none; clear: both; zoom: 1; padding-top: 3px; }
#Bar dl.infoBox dd ul li { display: block; font-size: 14px; line-height: 24px; padding-left: 17px; background: url(../images/list_ico.gif) 7px 50% no-repeat;}

#Bar dl.infoBox_2 { height: 189px;}
#Bar dl.infoBox_2 dd .preview .pic { height: 145px; width: 120px; }
#Bar dl.infoBox_2 dd .preview p { line-height: 25px; font-size: 14px;}
#Bar dl.infoBox_2 dd .preview p.highLight a { color: #a17256; font-weight: bold}

/* --广告位-- */
#Bar .conts .Ad_1 { width: 740px; height: 90px; margin-top: 10px;}
#Bar .rightArea .Ad_2 {width: 250px; height: 90px; margin-top: 10px;}
#Bar .rightArea .Ad_3 {width: 250px; height: 180px; margin-top: 10px;}

/* --编辑推荐-- */
#Bar #recommends { height: 248px;}
#Bar #recommends .tit { display: block; text-align:center; font-size: 17px; line-height: 39px; font-weight: normal; font-family:"微软雅黑", "宋体";}
#Bar #recommends .tit a {color: #ab5909;}
#Bar #recommends .intro { height: 150px; margin: 0 9px; text-indent: 2em; /*line-height: 23px; */line-height: 20px;}
#Bar #recommends .more { display: inline-block; text-indent: 0; color: #ab5909}
#Bar #recommends .more a {color: #ab5909}
#Bar #recommends .tags { height: 27px; margin: 0 5px; padding: 0 10px; line-height: 27px; background: #e7dccf;}
#Bar #recommends .tags a { margin: 0 3px;}

/* -- 心理资讯首页中的搜索Box -- */
#Bar .rightArea .searchBox { height: 97px; margin-top: 10px; padding: 6px 0 0 9px; border: 1px solid #e8d5c4; background: #faf0e6;}
#Bar .rightArea .searchBox .cpt { display:block; height: 20px; width: 84px; background: url(../images/title_search_bar.gif) 0 0 no-repeat; text-indent: -999px;}
#Bar .rightArea .searchBox .keywords { width: 178px; background: url(../images/bg_search_keywords.gif) 0 0 repeat-x; margin-right: 7px; color: #bbb;}
#Bar .rightArea .searchBox .keywordsFocus { color: #666}
#Bar .rightArea .searchBox .tags { margin: 5px 5px 0 3px;}
#Bar .rightArea .searchBox .tags a { display: inline-block; margin-right: 5px; line-height: 20px;}
#Bar .rightArea .searchBox .tags a.highlight { font-weight: bold; color: #a17256;}

/* --心理音乐 心理电影 人气排行榜-- */
#Bar .rightAreaTab { height: 185px;}
#Bar .rightAreaTab .tab li.t1 {width: 75px;}
#Bar .rightAreaTab .tab li.t2 {width: 75px; border-left: 1px solid #e8d5c4;}
#Bar .rightAreaTab .tab li.t3 {width: 96px; border-left: 1px solid #e8d5c4;}
#Bar .rightAreaTab .tabC .cont { display: none; padding: 4px 10px 0 9px; background: url(../images/ico_ranking.gif) -489px 11px no-repeat; }
#Bar .rightAreaTab .tabC .now { display: block}
#Bar .rightAreaTab .tabC .cont p { padding-left: 26px; border-bottom: 1px dotted #a1887c;}
#Bar .rightAreaTab .tabC .cont p.last { border-bottom: none}
#Bar .rightAreaTab .tabC .cont a { line-height: 29px;}

/* -- 6.2 心理氧吧列表页：资讯搜索Box --*/
#Bar #BarList .searchBox { position: relative; height: 36px; margin-top: 10px; padding-top: 10px; border: 1px solid #e8d5c4; background: #faf0e6; overflow: hidden}
#Bar #BarList .searchBox .cpt { float: left; display: block; height: 25px; width: 70px; padding-left: 19px; background: url(../images/title_search_barList.gif) 19px 0 no-repeat; text-indent: -999px;}
#Bar #BarList .searchBox form { width: 300px; overflow:hidden}
#Bar #BarList .searchBox .keywords { float: left; width: 243px; background: url(../images/bg_search_keywords.gif) 0 0 repeat-x; margin-right: 7px; color: #bbb;}
#Bar #BarList .searchBox .keywordsFocus { color: #666}
#Bar #BarList .searchBox .tags { position: absolute; width: 330px; top: 0; right: 0; overflow:hidden}
#Bar #BarList .searchBox .tags a { display: inline-block; font-size: 14px; margin-right: 5px; line-height: 47px;}
#Bar #BarList .searchBox .tags a.highlight { font-weight: bold; color: #a17256;}

/* --热门电影专辑推荐-- */
#BarList .recommendsThumbs { margin-top: 0}

/* --网友原创精彩内容推荐-- */
#BarList #websterOriginal .cpt { color: #000}

/* --广告位-- */
#Bar #BarList .rightArea .Ad_1 { height: 190px; width: 250px; margin-top: 10px}

/* -- 6.3 心理氧吧内容页 --*/

/* --广告位-- */
#Bar #ArticleDetail .rightArea .Ad_1 { height: 140px; width: 250px;}
#Bar #ArticleDetail .rightArea .Ad_2 { height: 140px; width: 250px; margin-top: 10px}
#Bar #ArticleDetail .rightArea .Ad_3 { height: 140px; width: 250px; margin-top: 10px}
#Bar #ArticleDetail .rightArea .Ad_4 { height: 190px; width: 250px; margin-top: 10px}

/* -- 6.3 心理氧吧: “咖啡心语"页面 --*/
#Bar #ConsultList #consultListWrap .list ul li { height: auto; padding: 10px 0;  line-height: 22px;}
#Bar #ConsultList #consultListWrap .list ul li .cate { background: #f00}
#Bar #ConsultList #consultListWrap .list ul li h2 {float: left; width: 490px; padding-left: 0; font-size: 14px; color: #666; }
#Bar #ConsultList #consultListWrap .list ul li .r { width: 185px}
#Bar #ConsultList #consultListWrap .list ul li .name { text-align: right}
/* == 7. 心理专题 == */
#Subject {}
#Subject .PageTit h2 { width: 293px; background-position: 0 -300px; }

/* --7.1 心理专题首页-- */
#Subject .Part_1 { width: 990px; height: 260px; margin-top: 11px; padding: 5px; background: url(../images/bg_subject_part_1.png) 0 0 no-repeat; overflow: hidden}

/* --动态轮播-- */
#Subject #dPlayer { float: left; position: relative; height: 260px; width: 740px; margin-top: 0; }
#Subject #dPlayer .banner {float: left; position:relative; width: 550px; height: 260px; z-index: 0}
#Subject #dPlayer .banner li { position:absolute; display:block; width: 550px; height: 260px; background-position: 1px 1px; background-repeat: no-repeat;}
#Subject #dPlayer .banner li a { display: block; width: 548px; height: 258px; border: 1px solid #d9baa8;}
#Subject #dPlayer .trigger { float: right; width: 185px; height: 260px; overflow: hidden}
#Subject #dPlayer .trigger li { float:left; display:block; width: 173px; height: 82px; margin-bottom: 7px; background: #d9baa8; cursor: pointer; overflow: hidden}
#Subject #dPlayer .trigger li img { width: 171px; height: 80px; margin: 1px; -moz-opacity: 0.8; *filter: alpha(opacity=80); opacity: 0.8}
#Subject #dPlayer .trigger li.now { background:#fff;}
#Subject #dPlayer .trigger li.now img {-moz-opacity: 1; *filter: alpha(opacity=100); opacity: 1}
#Subject #dPlayer .catpitonWrap { float: none; clear:both; position:absolute; left: 1px; bottom: 1px; width: 548px; height: 44px; background: url(../images/bg_caption.png) 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="../images/bg_caption.png"); _background:none; z-index: 1; overflow:hidden}
#Subject #dPlayer .catpitonWrap .inner { height: 24px; margin-top: 12px; overflow:hidden}
#Subject #dPlayer .catpitonWrap .inner ul { width: 536px; margin-left: 12px; }
#Subject #dPlayer .catpitonWrap .inner ul li { height: 40px; font-size: 18px; line-height: 20px; _line-height: 20px; padding-left: 10px; font-weight: bold; }
#Subject #dPlayer .catpitonWrap .inner ul li a { color:#fff; font-family:"微软雅黑",Verdana, "宋体"; }

/* --右上角的“最新专题列表Box”-- */
#Subject .NewSubjects { float: right; width: 250px;}
#Subject .NewSubjects .cpt { display: block; position: relative; height: 27px; margin: 1px 9px 0 9px; padding-left: 2px; font-size: 14px; color: #000; line-height: 27px; border-bottom: 1px solid #d9af97;}
#Subject .NewSubjects .cpt .rLink { position:absolute; right: 0; top: 0; font-size: 12px; color: #fff; font-weight: normal;}
#Subject .NewSubjects ul { margin:0 9px; border-top: 1px solid #af7a5b}
#Subject .NewSubjects ul li { padding-left: 16px; background: url(../images/list_ico_2.gif) 7px 50% no-repeat; border-bottom: 1px dotted #ce9f84;}
#Subject .NewSubjects ul li a { font-size: 14px; color: #fff; line-height: 31px}

/* --最新专题文章简介Box-- */
#Subject .conts {}
#Subject .conts .colLeft { float: left; width: 355px;}
#Subject .conts .colRight { float: right; width: 375px;}

/* --最新专题Box-- */
#Subject .conts .colLeft #latestIntro { height: 181px; margin-top: 10px;}
#Subject .conts .colLeft #latestIntro .tit { display: inline-block; height: 37px; margin-left: 13px; font-size: 14px; line-height: 40px; color: #a17256; overflow: hidden}
#Subject .conts .colLeft #latestIntro p { margin: 0 15px 0 13px; line-height: 21px; text-indent: 2em;}
#Subject .conts .colLeft #latestIntro p .more { display: inline-block; text-indent: 0; color: #A17256; }
#Subject .conts .colLeft #latestIntro p .more a {color: #A17256;}

/* --延伸阅读Box-- */
#Subject .conts #furtherRead { width: 373px; height: 281px; margin-top: 10px;}
#Subject .conts #furtherRead dl { margin: 0 3px 0 13px;}
#Subject .conts #furtherRead dl dd { height: 83px; border-bottom: 1px solid #fff;}
#Subject .conts #furtherRead dl dd.last { border-bottom: none}
#Subject .conts #furtherRead dl dd p { float: left; width: 108px; height: 83px; text-indent: 0; background: url(../images/bg_further_read.gif) 5px 0 no-repeat;}
/*#Subject .conts #furtherRead dl dd p.cate_2 { background-position: 5px -84px;}
#Subject .conts #furtherRead dl dd p.cate_3 { background-position: 5px -168px;}*/
#Subject .conts #furtherRead dl dd p span { display: inline-block; width: 93px; height: 35px; margin: 20px 0 0 5px; text-align: center; line-height: 35px; color: #fff; font-size: 15px; font-weight: bold; font-family:"微软雅黑", "宋体";}
#Subject .conts #furtherRead dl dd ul { float: right; width: 248px; padding-top: 9px;}
#Subject .conts #furtherRead dl dd ul li { padding-left: 8px; background: url(../images/list_ico_2.gif) 0 50% no-repeat; line-height: 21px}

/* --百科专题 | 情感专题 | 揭秘专题 | 生活家专题 -- */
#Subject dl.infoBox { clear: both; float: none; height: 280px; overflow: hidden; margin-top: 10px;}
#Subject dl.infoBox dd { float: left; width: 355px; height: 134px; margin-bottom: 10px; border-bottom: 1px solid #e8d5c4; background: url(../images/bg_box_gradient.png) right 0 no-repeat; }
#Subject dl.infoBox dd .inner { margin-right: 2px; background: url(../images/bg_box_gradient.png) 0 0 no-repeat;}
#Subject dl.infoBox dd.right { float: right; width: 375px;}
#Subject dl.infoBox dd .cpt { display: block; position: relative; height: 28px; margin-left: 10px; line-height: 30px; font-size: 14px; color: #000; overflow: hidden }
#Subject dl.infoBox dd .cpt .rLink { position: absolute; right: 10px; top: 0; color: #a17256; font-size: 12px; color: #905f2f; font-weight: normal;}
#Subject dl.infoBox dd .preview { margin: 8px 13px 0 15px}
#Subject dl.infoBox dd.right .preview { margin: 8px 9px 0 15px}
#Subject dl.infoBox dd .preview .pic { float: left; height: 80px; width: 171px; margin: 2px 8px 0 0; border: 1px solid #d9baa8; }
#Subject dl.infoBox dd .preview strong a { font-size: 13px; line-height: 18px; color: #a17256;}
#Subject dl.infoBox dd .preview .intro { line-height: 18px; text-indent: 0;}
#Subject dl.infoBox dd .preview .more {display: inline-block; margin-right: -12px; text-indent: 0; color: #a17256}
#Subject dl.infoBox dd .preview .more a {color: #a17256}

/* --专家专栏Box-- */
#Subject #iArticleExpert { height: 281px;}
#Subject #iArticleExpert dl { height: 75px; border-top: 1px dashed #e1d8cf; margin: 0 9px 0 9px; padding-top: 4px;}
#Subject #iArticleExpert dl.first { border-top: none; padding-top: 9px}
#Subject #iArticleExpert dl dt { float:left; width: 82px;}
#Subject #iArticleExpert dl dt span { position:absolute; display: inline-block; width: 70px; height: 18px; margin: 50px 0 0 2px;line-height: 18px; text-align: center; color: #fff; background: url(../images/bg_caption.png) 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", sizingMethod="scale", src="images/bg_caption.png"); _background:none;}
#Subject #iArticleExpert dl dt img { width: 71px; height: 66px; padding: 1px; background: #fff; border:1px solid #e0e0e0; }
#Subject #iArticleExpert dl dd { }
#Subject #iArticleExpert dl dd a { display: block; line-height: 24px;}

/* --广告位Box-- */
#Subject .conts .colLeft .Ad_1 { width: 355px; height: 90px; margin-top: 10px;}
#Subject .rightArea .Ad_2 { width: 250px; height: 280px; margin-top: 10px; }
