body { background:#f1f1f1;}
.clearfix:after {content:"."; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }

.pub_title { background-image:url(/yokaman/img/bg_2.png); background-repeat:no-repeat; font:0/0 serif; color:transparent; text-shadow:none;}



/* nav */
.nav{ height:43px; overflow:hidden; background:#fff; border-bottom:1px solid #eee; width:980px; margin:0 auto;}
.nav dt{ float:left; padding:15px 0 0 50px;}
.nav dd{ float:right; padding:8px 15px 0 0;}
.nav b , .nav strong{ font-weight:normal;}
.nav span{ display:inline-block; color:#828282; width:19px; text-align:center; font-family:'simsun';}
.nav i{ width:193px; height:24px; border:1px solid #dedede; overflow:hidden; display:block; float:left; background:#fff;}
.nav input{ width:186px; height:22px; color:#b2b2b2; font-size:12px; padding:2px 0 0 7px; border:0; line-height:22px;}
.nav input.on{ color:#000;}
.nav input.searchBtn , .nav input.searchBtnon { float:left; display:block; color:#fff; text-align:center; background:url(/yokaman/img/bg_2.png) no-repeat -310px -185px; width:56px; padding:3px 0 0; height:26px; cursor:pointer; overflow:hidden; text-indent:-3000px;}
.nav input.searchBtnon{ background:url(/yokaman/img/bg_2.png) no-repeat -310px -185px; text-decoration:none;}

.yo_content { width:980px; margin:0 auto; overflow:hidden;  border-top:0; background:url(/yokaman/img/point_1.png) repeat-y 649px 2px #fff;}
.conLeft { float:left; width:650px;}
.infoContent { width:650px; overflow:hidden; padding:15px 0 0;}
.infoTitle {width: 650px; overflow: hidden; margin: 0 auto; text-align: center; padding: 10px 0 0; font-size:28px; line-height:36px; color:#222;}

.time { height:25px; padding:4px 0 0;}
.time table { margin:0 auto;}
.time span { color:#a2a2a2;}
.time a:link , .time a:visited {color:#999;}
.time a:hover { color:#f60;}
.time em { display:inline-block; margin:0 35px; color:#999;}
.time span.like , .like { color:#659de1; display:inline-block; padding:0 0 0 20px; background:url(/yokaman/img/bg_2.png) no-repeat -536px 1px; cursor:pointer;}
.time dl { width:84px; position:relative; z-index:100; float:left; height:21px; cursor:pointer;}
.time dt { padding:5px 0 0 22px; color:#a2a2a2; background:url(/yokaman/img/sharebg.gif) no-repeat -3px 3px; height:17px;line-height:18px; font-family:'simsun';}
.time dt.shareTitle { background:none; padding:5px 0 0; color:#4b85d4;}
.time dd { display:none; width:82px; height:210px;overflow:hidden; padding:1px 0 2px; left:-6px; top:-6px; border:1px solid #e1e1e1; position:absolute; background: url(/yokaman/img/sharebg.gif) no-repeat 2px 8px #fff;}
.time ul { padding:4px 0 0 ;}
.time li { padding:5px 0 0 28px; height:21px; color:#a2a2a2; cursor:pointer; line-height:18px; font-family:'simsun';}
.time li.on { color:#000;}
.time dl.on dd { display:block; }


.lead { padding:7px 0 0; margin:10px auto; line-height:25px; text-indent:28px; font-size:14px; width:550px; color:#333;}
.textCon { margin:10px 0 0; }
.topic { padding:0; overflow:hidden; margin:0 auto;}
.topic p { width:600px; padding:10px 0 0; line-height:24px; font-size:14px; text-indent:28px; margin:0 auto;}
.textCon div { text-align:center; padding:3px 0 0; }
.textCon img{  margin-bottom:-3px;	max-width:550px; width:expression(document.body.clientWidth > 550? "550px": "auto" );
	-webkit-transition:  box-shadow .3s ease-in-out;
	   -moz-transition:  box-shadow .3s ease-in-out;
	     -o-transition:  box-shadow .3s ease-in-out;
	    -ms-transition:  box-shadow .3s ease-in-out;
}
.textCon img:not(.noShadow):hover{
	box-shadow:0px 0px 3px #363636;
}
.textCon i { display:block; margin:7px auto 25px; width:550px; text-align:center;  font-size:14px;}
.textCon i a.blue { font-size:12px;  font-family:'simsun'; display:inline-block; margin:0 0 0 12px;}
.textCon p { line-height:25px; font-size:14px;  margin:0 auto 10px; width: 550px; color:#333;}
.textCon p.nextCon { padding:0 0 10px;}
.textCon .conbox dd p { width:auto;}
.textCon b  { font-size:14px; display:block; margin:0 auto 10px; width:550px; padding:2px 0 0; font-weight:bold;}
.author { display:block;  color:#828282; height:16px; overflow:hidden; margin:8px auto 0; width:550px;}

.textCon div.hzpPicInfo { width:395px; height:57px; overflow:hidden; padding:0;  margin:10px auto 50px; background:#f4f4f4; border:1px solid #ebebeb;}
.textCon .hzpPicInfo b , .textCon .hzpPicInfo strong { height:20px; padding:6px 0 0; width:385px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}

.textCon div#toupiao { width:550px; margin:10px auto;}
.textCon div#toupiao div { text-align:left; line-height:30px;}
.textCon strong { font-weight:bold;}
.info_copyright { width:512px; height:22px; margin:15px auto; border:1px solid #f8d8db; background:url(/yokaman/img/copyright.jpg) no-repeat #feedf7; padding:2px 0 0 36px; color:#ca8aa2;}

/** ͼ¼¯ **/
.textCon div.info_pics ,
.textCon div.info_picText,
.textCon div.info_picList,
.textCon div.picList { padding:0; text-align:left;}
.textCon div.info_pics div { padding:0;}
.textCon div.info_picText p { margin:0; font-size:12px;}
.textCon .picList img { margin:0;}

.textCon i.nextLinkTip { margin:7px auto;}
.info_pics { width:550px; margin:20px auto 0;  overflow:hidden; position:relative;}
.info_pics div {  width:550px; height:370px; overflow:hidden; text-align:center;}
.info_pics span { position:absolute; display:block; width:275px; visibility:hidden; background:url(/yokaman/img/space.gif) repeat; top:0; z-index:2; height:370px; overflow:hidden; cursor:pointer;}
.pic_preBtn { left:0;}
.pic_nextBtn { right:0;}
.pic_preBtn em , .pic_nextBtn em { display:block; width:30px; height:50px; position:absolute; top:50%; margin-top:-25px; cursor:pointer;}
.pic_preBtn em { left:0; background:url(/yokaman/img/prebtn.png) no-repeat left center;_background:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/yokaman/img/prebtn.png");}
.pic_nextBtn em { right:0; background:url(/yokaman/img/nextbtn.png) no-repeat right center; _background:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/yokaman/img/nextbtn.png");}
.info_pics a { display:block; visibility:hidden; width:112px; height:36px; text-align:center; line-height:36px; z-index:3;  position:absolute; right:27px; bottom:27px; overflow:hidden; background:#000; background:rgba(0,0,0,0.4); border:1px solid #9b9b9b; border-radius:3px;}
.info_pics a:link , .info_pics a:visited { color:#fff;}
.info_pics a:hover { color:#f60;}
.info_picText { margin:0 auto 6px; width:550px; overflow:hidden;}
.info_picText span { display:block; height:32px; padding:4px 0 0 6px; color:#999; font-size:14px; font-family:'arial';}
.info_picText strong { font-size:22px; color:#f35656;}
.info_picText p { line-height:21px; color:#777;}
.info_picList { width:550px; overflow:hidden; margin:0 auto 20px;}
.list_preBtn , .list_nextBtn { display:block; width:17px; height:70px; cursor:pointer; background-image:url(/yokaman/img/bg_2.png); background-repeat:no-repeat; overflow:hidden; margin:8px 0 0;}
.list_preBtn { float:left; background-position:-355px 0;}
.list_nextBtn { float:right; background-position:-375px 0;}
.list_preBtn_no { background-position:-310px 0; cursor:default;}
.list_nextBtn_no { background-position:-330px 0;}

.picList { width:505px; height:81px; overflow:hidden; margin:0 auto; position:relative;}
.picList ul { width:5000px; zoom:1;}
.picList li { width:101px; height:82px; float:left; overflow:hidden; position:relative;}
.pic_little { display: block; vertical-align: middle; width:95px; height:70px;border:1px solid #ebebeb; margin:7px auto 0; text-align:center; }
.picList img { display: inline-block; vertical-align: middle; cursor:pointer;}
.pic_space { display: inline-block; height: 100%; vertical-align: middle;}
.picList em { display:block; position:absolute; width:101px; height:81px; background:url(/yokaman/img/select.gif) no-repeat; top:0; left:0; visibility:hidden;  }
.picList li.on em { visibility:visible;}

.tags { margin:20px auto; width:550px; overflow:hidden; }
.tags .like { float:right;}
.tags a { display:inline-block; padding:2px 11px 0; height:19px; margin:0 2px 5px 0; background:#edf5ff; border:1px solid #d8e6f8;}
.tags a:link , .tags a:visited { color:#8aa8cc;}
.tags a:hover { color:#f60;}

.pages { text-align:center; margin:20px auto;}
.pages a , .pages span , .pages i { margin:0 21px 0 0; font-size:18px;}
.pages a:link , .pages a:visited { color:#777;}
.pages a:hover { color:#f60;}
.pages span { color:#6295bf;}
.prePage , .nextPage{ display:inline-block; background-image:url(/yokaman/img/bg_2.png); background-repeat:no-repeat;}
.pages a.prePage {background-position:-546px -498px; padding:0 0 0 10px; margin:0 28px 0 0; font-size:16px;}
.pages a.nextPage {background-position:55px -498px; padding:0 12px 0 0; margin:0 0 0 7px; font-size:16px;}

.shares { margin:30px auto; width:550px; overflow:hidden; background:url(/yokaman/img/bg_2.png) no-repeat 0 -422px; height:74px;}
.preLink , .nextLink { display:block; width:133px; overflow:hidden; padding:42px 0 0; font-size:12px; white-space:nowrap; text-overflow:ellipsis;}
.preLink { float:left;}
.nextLink { float:right; text-align:right;}
.shares .hide { visibility: hidden; }
.link_999:link , .link_999:visited { color:#999;}
.link_999:hover { color:#f60;}
.shareCon { width:251px; padding:0 0 0 9px; margin:20px auto 0; overflow:hidden;}
div.shareCon .bshare-custom a ,  div.shareCon .bshare-custom a.bshare-more-icon { display:block; width:32px; height:32px; overflow:hidden; float:left; padding:0  !important; opacity:1; margin:0 9px 0 0;}
div.shareCon .bshare-custom a.bshare-sinaminiblog:link , div.shareCon .bshare-custom a.bshare-sinaminiblog:visited ,
div.shareCon .bshare-custom a.bshare-qqmb:link , div.shareCon .bshare-custom a.bshare-qqmb:visited ,
div.shareCon .bshare-custom a.bshare-qzone:link , div.shareCon .bshare-custom a.bshare-qzone:visited ,
div.shareCon .bshare-custom a.bshare-renren:link , div.shareCon .bshare-custom a.bshare-renren:visited ,
div.shareCon .bshare-custom a.bshare-douban:link , div.shareCon .bshare-custom a.bshare-douban:visited ,
div.shareCon .bshare-custom a.bshare-more:link , div.shareCon .bshare-custom a.bshare-more:visited ,
div.shareCon .bshare-custom a.bshare-more.more-style-addthis:link , div.shareCon .bshare-custom a.bshare-more.more-style-addthis:visited ,
div.shareCon .bshare-custom .bshare-more.more-style-addthis
{ background:none;}
div.shareCon .bshare-custom a.bshare-sinaminiblog:hover { background:url(/yokaman/img/bg_2.png) no-repeat -156px -509px;}
div.shareCon .bshare-custom a.bshare-qqmb:hover { background:url(/yokaman/img/bg_2.png) no-repeat -197px -509px;}
div.shareCon .bshare-custom a.bshare-qzone:hover { background:url(/yokaman/img/bg_2.png) no-repeat -238px -509px;}
div.shareCon .bshare-custom a.bshare-renren:hover { background:url(/yokaman/img/bg_2.png) no-repeat -279px -509px;}
div.shareCon .bshare-custom a.bshare-douban:hover { background:url(/yokaman/img/bg_2.png) no-repeat -318px -509px;}
div.shareCon .bshare-custom a.bshare-more:hover { background:url(/yokaman/img/bg_2.png) no-repeat -359px -509px;}
div.shareCon .bshare-custom a.bshare-more.more-style-addthis:hover { background:url(/yokaman/img/bg_2.png) no-repeat -359px -509px;}

.guess { width:550px; margin:0 auto 0; overflow:hidden;}
.title_guess { height:27px; width:120px; margin:0 0 20px; background-position:-310px -85px; overflow:hidden; }
.guessCon { width:550px; overflow:hidden;}
.guessCon div {width:600px; overflow:hidden;}
.guessCon dl { width:200px; height:206px; float:left; overflow:hidden;}
.guessCon dt { width:150px; height:150px; overflow:hidden;}
.guessCon dd { padding:7px 0 0; line-height:18px; width:150px; overflow:hidden; text-align:center; white-space:nowrap; text-overflow:ellipsis;}


.menNav { width:360px; height:40px; border:1px solid #f0f0f0; background:#f2f2f2; margin:0 auto 30px; overflow:hidden;}
.menNav a { display:block; float:left; width:119px; padding:10px 0 0; height:30px; border-right:1px solid #e7e7e7; text-align:center; font-size:14px;}
.menNav a.menNav_b { width:118px; border-left:1px solid #f9f9f9;}
.menNav a.menNav_c { border-left:1px solid #f9f9f9; border-right:0;}
.menNav a:link , .menNav a:visited { color:#000;}
.menNav a:hover { color:#f60;}

.infoAd { margin:0 auto; text-align:center; line-height:0; font-size:0; width:630px;}

.comments { margin:30px auto; width:550px; overflow:hidden;}
.title_comment { background-position:-310px -116px; width:70px; height:26px; margin:0 0 15px;}
.commentCon { width:550px; overflow:hidden; padding:0;}
.commentForm { background:#f5f5f5; border-bottom:1px solid #efefef; height:157px; overflow:hidden;}
.commentArea { border:1px solid #e8e8e8; width:498px; height:68px; margin:25px auto 0; overflow:hidden; background:#fff; border-radius:3px; position:relative;}
.commentArea textarea { width:400px; height:50px; padding:0; margin:15px 0 0 15px; border:0; background:none; resize:none; color:#b5b5b5;}
.commentArea a { width:75px; height:45px; padding:21px 0 0; font-size:16px; text-align:center; border-radius: 0 3px 3px 0; background:#6395d7; display:block; float:right; margin:1px 1px 0 0;}
.commentArea a:link , .commentArea a:visited  { color:#fff;}
.commentArea a:hover { color:#f60; text-decoration:none;}
.commentArea span { display:block; cursor:pointer; width:22px; height:21px; background:url(/yokaman/img/bg_2.png) no-repeat -505px 0; position:absolute; right:85px; top:41px;}
.commentUser { padding:12px 0 0; margin:0 27px 0 0;}
.commentUser label { color:#777; float:right; font-size:14px; display:inline-block; padding:5px 0 0 5px; }
.commentUser input { float:right; width:115px; height:25px; background:url(/yokaman/img/bg_2.png) no-repeat -310px -148px; border:0; padding:5px 0 0 5px;}
.commentUser p { text-align:right;}
.commentUser p a:link , .commentUser p a:visited { color:#669be0;}
.commentUser p a:hover { color:#f60;}
.commentList { padding:0 0 0 21px; background:url(/yokaman/img/point2.png) repeat-y 26px 0;}
.commentTotal { padding:13px 0 0 20px; height:23px; color:#999;}
.commentTotal span { color:#669be0;}
.commentTotal a:link , .commentTotal a:visited { color:#999;}
.commentTotal a:link span , .commentTotal a:visited span { color:#669be0;}
.commentTotal a:hover , .commentTotal a:hover span { color:#f60;}
.commentInfo { width:524px;}
.commentInfo div { padding:8px 0 0 20px; color:#999; margin:0 0 5px 1px; height:28px; background:url(/yokaman/img/point3.png) no-repeat left center; display:block;}
.commentInfo span { float:right; margin:4px 0 0; visibility: hidden;}
.commentInfo i {color:#000; display:inline-block; margin-right:10px; cursor:pointer;}
.commentInfo a:link , .commentInfo a:visited { font-size:14px; color:#000;}
.commentInfo a:hover { color:#f60;}
.commentInfo p { line-height:21px; color:#777; margin:0 0 0 5px; padding:0 0 20px 15px; border-bottom:1px solid #efefef;}
.commentAll { float:right; display:inline-block; margin:13px 0 0;}
.commentAll:link , .commentAll:visited { color:#669be0;}
.commentAll:hover { color:#f60;}

.leftAdList { width:550px; overflow:hidden; padding:0 0 40px; margin:40px auto 0;}
.leftAdList ul { width:560px; overflow:hidden;}
.leftAdList li { width:260px; padding:0 10px; height:25px; font-size:14px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(/yokaman/img/inforbg.gif) no-repeat -326px 8px;}

.infor_rightAd { width:300px; height:250px;}
.infor_rightAd img { margin-bottom:-3px;}
.infor_rightAd2 {  padding:0 0 6px; margin:20px 0; height:329px;}
.infor_rightAd2 ul { padding:13px 0 0 10px;}
.infor_rightAd2 li { padding:0 0 0 9px; width:280px; background:url(/yokaman/img/inforbg.gif) no-repeat -326px 6px; height:22px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


.bbs { margin:30px auto; width:550px; overflow:hidden;}
.title_bbs { background-position:0 -558px; height:42px; overflow:hidden;}
.bbsCon { width:560px; overflow:hidden;}
.bbsCon dl { float:left; overflow:hidden; width:150px; height:135px;}
.bbsCon dt  { overflow:hidden; width:140px; height:105px; }
.bbsCon dd { text-align:Center; padding:8px 0 0; width:140px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bbsCon dl.bbsCon_a { width:260px; height:270px;}
.bbsCon dl.bbsCon_a dt { width:250px; height:240px;}
.bbsCon dl.bbsCon_a dd { width:250px;}


/**
add by xu;
20140220
bbstab
**/
.bbstab{width:550px;height:57px;overflow:hidden;}
.bbstab ul{width:600px;height:46px;overflow:hidden;border-bottom:1px solid #ebebeb;padding:0 2px;}
.bbstab li{width:133px;height:43px;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-top:3px solid #cbcbcb;background:#fff;color:#555;cursor:pointer;float:left;margin-right:2px;font-size:14px;text-align:center;line-height:43px;}
.bbstab li.on{border-top-color:#73b2e7;color:#73b2e7;background:#f7f7f7;}
.switchcon .bbsCon{display:none;}




.conRight { float:right; width:300px; padding:15px 15px 0 0;}

.rank { width:300px; overflow:hidden; margin:30px 0 25px;}
.title_rank , .title_rank_on { width:300px; height:47px; background:url(/yokaman/img/bg_2.png) no-repeat 0 0;}
.title_rank li, .title_rank_on li { cursor:pointer; width:115px; height:47px; overflow:hidden; float:left; margin:0 2px 0 0;}
.title_rank_on { background-position:0 -50px; }
.rankCons { padding:10px 0 0; }
.rankInfo {width:300px; overflow:hidden; display:none;  height:394px; }
.rankInfo div { width:310px; height:264px; overflow:hidden;}
.rankInfo dl { width:155px; height:132px; overflow:hidden; float:left;}
.rankInfo dt { width:145px; height:100px; overflow:hidden;}
.rankInfo dd { padding:7px 0 0; text-align:center; width:145px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rankInfo ul { height:130px; background:url(/yokaman/img/bg_2.png) no-repeat -533px -22px;}
.rankInfo li { padding:5px 0 0 23px; height:21px; width:270px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rankInfo li a {  margin:0 10px 0 0;}

.rankInfo2 {width:300px; overflow:hidden; display:none; height:394px;}
.rankInfo2 div { width:300px; height:242px; overflow:hidden; border-bottom:1px solid #f2f2f2;}
.rankInfo2 dl { height:242px; overflow:hidden; float:left;}
.rankInfo2 dt { height:175px; overflow:hidden;}
.rankInfo2 dd { padding:10px 0 0 32px;  width:212px; height:50px; font-size:14px; background:url(/yokaman/img/bg_2.png) no-repeat -525px -164px;}
.rankInfo2 ul { height:130px; background:url(/yokaman/img/bg_2.png) no-repeat -523px -232px; padding:12px 0 0 23px;}
.rankInfo2 li { padding:0; height:26px; width:225px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.rankInfo2 li a {  margin:0 10px 0 0;}
.rankInfo2 dd a:link , .rankInfo2 dd a:visited { color:#333}
.rankInfo2 dd a:hover { color:#f60;}
.on { display:block;}

.videos { margin:20px 0 30px; width:300px; height:375px; overflow:hidden; background:#3e3e3e;}
.title_video { background:url(/yokaman/img/bg_2.png) no-repeat 0 -200px; height:56px; overflow:hidden;}
.videoCon { width:275px; margin:0 auto; overflow:hidden;}
.videoCon dt { overflow:hidden; position:relative;}
.videoCon dd { text-align:center;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.videoCon span { position:absolute; display:block; cursor:pointer;}
.video_a { height:195px; overflow:hidden;}
.video_a span { width:43px; height:43px; left:50%; top:50%; margin:-22px 0 0 -22px; background:url(/yokaman/img/play2.png) no-repeat;
	_background:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/yokaman/img/play2.png");
}
.video_a dt { width:275px; height:156px;}
.video_a dd { padding:7px 0 0; width:275px;}
.video_a a:link , .video_a a:visited { color:#fff; font-size:14px;}
.video_a a:hover { color:#f60;}
.video_b { width:145px; float:left; overflow:hidden;}
.video_b dt , .video_c dt { width:130px; height:70px;}
.video_b dd , .video_c dd { width:130px; padding:9px 0 0;}
.video_b a:link , .video_b a:visited , .video_c a:link , .video_c a:visited { color:#999;}
.video_b a:hover , .video_c a:hover { color:#f60;}
.video_b span , .video_c span { width:25px; height:25px; background:url(/yokaman/img/play.png) no-repeat; left:7px; top:42px;
	_background:none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/yokaman/img/play.png");
}
.video_c { width:130px; float:left; overflow:hidden;}

.photos { margin:30px 0  25px 0; width:300px; overflow:hidden;}
.title_pics { background-position:0 -260px; height:42px; border-top:3px solid #aeaeae; border-bottom:1px solid #ededed;}
.photoCon { padding:10px 0 0; width:310px; overflow:hidden;}
.photoCon_a { width:300px; height:260px; overflow:hidden; position:relative;}
.photoCon_a div { width:120px; height:124px; padding:32px 18px 0 18px; overflow:hidden; background:#f8f8f8; position:absolute; right:0; top:55px;}
.photoCon_a strong { line-height:24px; font-size:14px;}
.photoCon_a strong a:link , .photoCon_a strong a:visited { color:#222;}
.photoCon_a strong a:hover { color:#f60;}
.photoCon_a p { padding:10px 0 0 ; line-height:20px; color:#999; height:40px; overflow:hidden;}
.photoCon dl { width:155px; height:127px; overflow:hidden; float:left; margin:10px 0 0;}
.photoCon dt { width:145px; height:100px; overflow:hidden;}
.photoCon dd { padding:8px 0 0; width:145px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; }


.topics {margin:0 0 20px; width:300px; overflow:hidden}
.title_topic { background-position:0 -308px; height:42px; border-top:3px solid #aeaeae; border-bottom:1px solid #ededed;}
.topiCon { width:230px; margin:10px auto 0; overflow:hidden;}

.topiCon strong { display:block; width:210px; background:url(/yokaman/img/bg_2.png) no-repeat -537px -394px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:4px 0 0 20px; height:22px;}
.topiCon div { display:none;}
.topiCon li.on { border-bottom:1px solid #ededed; margin:0 0 8px;}
.topiCon li.on div { display:block;width:230px; height:230px; overflow:hidden;}
.topiCon li.on strong { margin:4px 0 4px 0;  background-position:-537px -373px;}

.activity { width:300px; overflow:hidden; margin:20px auto;}
.title_activity , .title_activity_on { width:300px; height:47px; background:url(/yokaman/img/bg_2.png) no-repeat 0 -100px;}
.title_activity li, .title_activity_on li { cursor:pointer; width:115px; height:47px; overflow:hidden; float:left; margin:0 2px 0 0;}
.title_activity_on { background-position:0 -150px; }
.activityCon div { display:none;}
.activityCon div.on { display:block;}
.activityCon dl{ padding:14px 0 0; height:117px; overflow:hidden; border-bottom:1px solid #f2f2f2;}
.activityCon dt { width:112px; float:left; overflow:hidden;}
.activityCon dt a { display:block; border:1px solid #ededed; text-align:center; width:100px; height:100px; overflow:hidden;}
.activityCon dd {width:188px; overflow:hidden; float:left;}
.activityCon strong { display:block; font-size:14px; padding:10px 0 0; height:24px; width:188px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.activityCon strong a:link , .activityCon strong a:visited { color:#222;}
.activityCon strong a:hover { color:#f60;}
.activityCon span { color:#777; display:block; padding:4px 0 0; height:23px;}
.activityCon p { line-height:20px; color:#777; height:40px; overflow:hidden;}


.hotClick { margin:30px auto 20px; width:300px; overflow:hidden;}
.title_hotClick { background-position:0 -350px; height:42px; border-top:3px solid #aeaeae; border-bottom:1px solid #ededed;}
.hotClick a { display:inline-block; margin:0 20px 0 0;}
.hotClick b , .hotClick strong { font-size:14px; font-weight:bold;}
.hotClick i { font-size:14px;}
.hotClickCon { padding:10px 0 0; line-height:28px;}


.weixin { margin:30px auto; overflow:hidden; width:300px; height:120px; background:#f3f3f3;}
.weixin div { width:100px; height:100px; padding:10px 0 0 10px; float:left; overflow:hidden; margin:0 10px 0 0; position:relative;}
.weixin strong { font-size:16px; color:#222; display:block; margin:35px 0 0; height:30px;}
.weixin p { color:#777; }


.add_faces {
    position: absolute;
    left: 0px;
    top: -300px;
    z-index: 9999;
    width: 280px;
    background: #fff;
    border: 1px #dadada solid;
    border-radius: 3px;
    padding: 3px;
    box-shadow: 1px 1px 5px #CCC;
}
.add_faces ul li {
    float: left;
    border: 1px solid #d2d2d2;
    height: 22px;
    width: 26px;
    overflow: hidden;
    margin: -1px 0 0 -1px;
    padding: 4px 2px;
    text-align: center;
    cursor: pointer;
}



/** ÄÐÍøÄ£¿é **/
.textCon div.mMod_1,
.textCon div.mMod_2,
.textCon div.mMod_pic,
.textCon div.mMod_3 { text-align:left; width:550px; margin-left:auto; margin-right:auto; }
.mMod_1 { width:549px;height:323px; overflow:hidden; background:url(/yokaman/img/men.png) no-repeat; margin:0 0 20px;}
.mMod_1 strong { display:block; font:14px 'Microsoft Yahei'; line-height:22px; height:44px; overflow:hidden; width:140px; padding:54px 0 0 126px; }
.textCon .mMod_1 p { width:214px; height:140px; text-align:left; font:12px 'simsun'; line-height:24px; overflow:hidden; margin:34px 0 0 52px; }
.mMod_1 div { width:244px; height:289px; overflow:hidden; float:right; margin:9px 14px 0 0;}
.textCon .mMod_1 img { border:0;}

.textCon .mMod_2 { width:549px; height:25px; padding:12px 0 0 20px; font:14px 'simsun'; font-weight:bold; margin:0 0 10px; text-align:left;  background:url(/yokaman/img/men2.png) no-repeat;}

.textCon .mMod_pic img { padding:9px; background:url(/yokaman/img/men4.gif) repeat; border:0; margin:0 0 5px;}

.textCon .mMod_3 { width:549px; padding:0 0 11px; overflow:hidden; background:url(/yokaman/img/men3.png) no-repeat left bottom; color:#fff;}
.textCon .mMod_3 div { background:url(/yokaman/img/men3.png) no-repeat; width:549px; padding:11px 0 0; overflow:hidden; text-align:left;}
.mMod_3 dl { padding:0  0 0 20px; width:102px; overflow:hidden; float:left;}
.mMod_3 dt { width:74px; height:70px; overflow:hidden;}
.mMod_3 dd { padding:4px 0 0 10px;}
.mMod_3 strong { font:14px 'simsun'; font-weight:bold; display:block; padding:8px 0 0; height:32px; overflow:hidden; width:400px; float:left;}
.textCon .mMod_3 p { text-align:left; font:12px/2 'simsun'; width:400px; display:block; float:left; margin:0;}



/** ÑÓÉìÔĶÁ **/
.textCon div.readOther { margin:0 auto; width:550px;}
.readOther strong {font-size:14px; display:block; height:30px; padding:4px 0 0; font-weight:bold; color:#000;}
.readOther li { padding:3px 0 0 9px; height:21px; font-size:14px; background:url(/yokaman/img/pointer.gif) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:540px;}
.textCon div.read_text {  padding:15px 0 0; text-align:left; }
.textCon div.read_pic3 , .textCon div.read_pic4 { background:#f4f4f4; border:1px solid #e5e5e5; width:548px; height:200px; margin:35px auto 0;}
.textCon div.read_pic3 { height:168px;}
.readOther div { text-align:left; width:548px; overflow:hidden;}
.readOther dl { float:left; overflow:hidden;}
.readOther dt { overflow:hidden;}
.readOther dd { text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:7px 0 0;}
.readOther dd a:link , .readOther dd a:visited { color:#717171;}
.readOther dd a:hover { color:#f60;}
.read_text a:link , .read_text a:visited { color:#3F84D8}
.read_text a:hover { color:#f60;}
.read_pic3 strong, .read_pic4 strong { padding:4px 0 0 20px; height:30px; text-align:left; color:#000;}
.read_pic3 dl { width:135px; padding:0 0 0 40px;}
.read_pic3 dt { width:120px; height:90px;}
.read_pic3 dd { width:120px;}
.read_pic4 dl { width:117px; padding:0 0 0 20px;}
.read_pic4 dt { width:100px; height:130px;}
.read_pic4 dd { width:100px;}




/** fan **/
.fans { width:550px; margin:0 0 20px 40px; overflow:hidden;}
.tit_fanColumn { height:37px; overflow:hidden; color:#5c5c61;}
.tit_fanColumn a:link , .tit_fanColumn a:visited { color:#5c5c61;}
.tit_fanColumn a:hover { color:#f60;}
.tit_fanColumn dt { float:left;}
.tit_fanColumn dt img { float:left;}
.tit_fanColumn dt span { float:left; display:inline-block; margin:10px 0 0 5px;}
.tit_fanColumn dd { float:right; padding:10px 0 0;}
.tit_fanColumn dd a { display:inline-block; margin:0 0 0 10px;}
.fanBlock { height:370px; width:560px; overflow:hidden;}
.fanList { width:5000px; overflow:hidden;}
.fanItem { width:560px; overflow:hidden; float:left; height:370px;}
.fanItem dl {float:left; width:150px; height:193px; overflow:hidden;}
.fanItem dt { width:140px; height:140px; overflow:hidden; text-align:center;}
.fanItem dd { width:140px; background:#f3f3f3; text-align:center; padding:10px 0 0; height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.fanItem dl.fanFirst { width:260px; height:370px;}
.fanItem dl.fanFirst dt { width:250px; height:335px;}
.fanItem dl.fanFirst dd { width:250px; }
.fanItem a:link , .fanItem a:visited { color:#555;}
.fanItem a:hover { color:#f60;}

.fanPoint { height:17px; text-align:center; margin:8px auto 0; width:45px; overflow:hidden; line-height:10px;}
.fanPoint li { display:block; float:left;  width:10px; height:10px; cursor:pointer; overflow:hidden; background:url(/yokaman/img/point.png); margin:0 5px 0 0;}
.fanPoint li.on { background-position:right top; cursor:default;}

.fanLove { padding:10px 15px 8px 100px; font-size:14px; position:relative;  overflow:hidden; line-height:30px; color:#737373; background:#fafafa; border:1px solid #f2f2f2; width:433px;}
.fanLove span {display:inline-block; position:absolute; left:0; top:10px;  width:100px; text-align:right;}
.fanLove a:link , .fanLove a:visited { color:#222; display:inline-block; margin:0 15px 0 0;}
.fanLove a:hover { color:#f60;}