/* CSS Document */
.bannerBalnk{margin:15px 0;}

.bannerMain { width:960px; height:400px; position:relative;}
.bannerMain .potisionMag{position:absolute; width:256px; height:180px; top:13px; right:0; left:675px; overflow:hidden;}
.bannerMain .potisionMag h1{ color:#008CD0; font-size:20px; font-weight:700;}
.bannerMain .potisionMag ul{ list-style:none; margin-left:13px; margin-top:2px;}
.bannerMain .potisionMag ul li{ font-size:11px; color:#666; line-height:34px; border-bottom:#ccc solid 1px; width:250px; height:33px; overflow:hidden;}
.bannerMain .potisionMag ul li a{color:#555; line-height:34px; width:250px; height:33px; overflow:hidden;}
.bannerMain .potisionMag ul li a:hover{color:#008CD0; line-height:34px; width:250px; height:33px; overflow:hidden;}

.bannerMain .potisionLibrary{ position:absolute; width:256px; height:180px; top:13px; right:0; left:25px; overflow:hidden;}
.bannerMain .potisionLibrary h1{ color:#008CD0; font-size:20px; font-weight:700;}
.bannerMain .potisionLibrary ul{ list-style:none; margin-left:13px; margin-top:2px;}
.bannerMain .potisionLibrary ul li{ font-size:11px; color:#555; line-height:34px;border-bottom:#ccc solid 1px; width:250px; height:33px; overflow:hidden;}
.bannerMain .potisionLibrary ul li a{color:#555; line-height:34px; width:250px; height:33px; overflow:hidden;}
.bannerMain .potisionLibrary ul li a:hover{color:#008CD0; line-height:34px; width:250px; height:33px; overflow:hidden;}

/*Add 2-08-2010*/
/*Library*/
.bannerMain .potisionNew{position:absolute; top:0; left:0; width:240px; margin:39px 0 0 405px;}
.bannerMain .potisionNew .tltLibrary{ background:url(../../web_images/tlt-newLibrary.png) no-repeat; width:240px; height:33px;}
.bannerMain .potisionNew .wrapLibrary{margin:15px 0; width:240px;}
.bannerMain .potisionNew .wrapLibrary .row{ width:240px; overflow:hidden; float:left; margin-bottom:22px;}
.bannerMain .potisionNew .wrapLibrary .row .pic{ float:left; margin-right:10px;}
.bannerMain .potisionNew .wrapLibrary .row .pic img{ width:32px!important; height:32px!important;}
.bannerMain .potisionNew .wrapLibrary .row .detail{ width:198px; float:left;}
.bannerMain .potisionNew .wrapLibrary .row .detail .title{ float:left; width:198px; color:#ff629d; font-size:12px;}
.bannerMain .potisionNew .wrapLibrary .row .detail .title a{color:#ff629d; font-size:12px;}
.bannerMain .potisionNew .wrapLibrary .row .detail .title a:hover{color:#ff2f7d; font-size:12px;}
.bannerMain .potisionNew .wrapLibrary .row .detail .dateBy{ float:left; width:198px; font-size:10px; color:#7ca500;}
.bannerMain .potisionNew .wrapLibrary .row .detail .dateBy span{ color:#666; font-size:10px; padding-left:5px;}

.bannerMain .potisionHit{position:absolute; top:0; left:0; width:240px; margin:39px 0 0 689px;}
.bannerMain .potisionHit .tltLibrary{ background:url(../../web_images/tlt-hitLibrary.png) no-repeat; width:240px; height:33px;}
.bannerMain .potisionHit .wrapLibrary{margin:15px 0; width:240px;}
.bannerMain .potisionHit .wrapLibrary .row{ width:240px; overflow:hidden; float:left; margin-bottom:22px;}
.bannerMain .potisionHit .wrapLibrary .row .pic{ float:left; margin-right:10px;}
.bannerMain .potisionHit .wrapLibrary .row .pic img{ width:32px!important; height:32px!important;}
.bannerMain .potisionHit .wrapLibrary .row .detail{ width:198px; float:left;}
.bannerMain .potisionHit .wrapLibrary .row .detail .title{ float:left; width:198px; color:#ff629d; font-size:12px;}
.bannerMain .potisionHit .wrapLibrary .row .detail .title a{color:#ff629d; font-size:12px;}
.bannerMain .potisionHit .wrapLibrary .row .detail .title a:hover{color:#ff2f7d; font-size:12px;}
.bannerMain .potisionHit .wrapLibrary .row .detail .dateBy{ float:left; width:198px; font-size:10px; color:#7ca500;}
.bannerMain .potisionHit .wrapLibrary .row .detail .dateBy span{ color:#666; font-size:10px; padding-left:5px;}


.bannerMain .potisionHit{position:absolute; top:0; left:0; width:240px; margin:39px 0 0 689px;}
.bannerMain .potisionHit .tltLibrary{ background:url(../../web_images/tlt-hitLibrary.png) no-repeat; width:240px; height:37px;}
.bannerMain .potisionHit .wrapLibrary{margin:17px 0; width:240px;}
.bannerMain .potisionHit .wrapLibrary .row{ width:240px; overflow:hidden; float:left; margin-bottom:24px;}
.bannerMain .potisionHit .wrapLibrary .row .pic{ float:left; margin-right:10px;}
.bannerMain .potisionHit .wrapLibrary .row .pic img{ width:30px!important; height:30px!important;}
.bannerMain .potisionHit .wrapLibrary .row .detail{ width:198px; float:left;}
.bannerMain .potisionHit .wrapLibrary .row .detail .title{ float:left; width:198px; color:#555; font-size:12px;}
.bannerMain .potisionHit .wrapLibrary .row .detail .title a{color:#7ca500; font-size:12px; text-decoration:none;}
.bannerMain .potisionHit .wrapLibrary .row .detail .title a:hover{color:#7ca500; font-size:12px; text-decoration:underline;}
.bannerMain .potisionHit .wrapLibrary .row .detail .title span.user{ padding-right:3px; font-size:12px;}
.bannerMain .potisionHit .wrapLibrary .row .detail .title span.user a{ color:#269BCF; font-weight:bold; text-decoration:none;font-size:12px;}
.bannerMain .potisionHit .wrapLibrary .row .detail .title span.user a:hover{color:#269BCF; text-decoration:none;font-size:12px;}
.bannerMain .potisionHit .wrapLibrary .row .detail .title span.dateBy{font-size:10px; color:#888;}
/*End Library*/

/*Mag*/
.bannerMain .potisionNewDiary{ position:absolute; top:0; left:0; width:240px; margin:35px 0 0 31px;}
.bannerMain .potisionNewDiary .tlt{ background:url(../../web_images/tlt-newDiary.png) no-repeat; width:240px; height:33px;}
.bannerMain .potisionNewDiary .wrap{margin:19px 0; width:240px;}
.bannerMain .potisionNewDiary .wrap .row{ width:240px; overflow:hidden; float:left; margin-bottom:22px;}
.bannerMain .potisionNewDiary .wrap .row .pic{ float:left; margin-right:10px;}
.bannerMain .potisionNewDiary .wrap .row .pic img{ width:30px!important; height:30px!important;}
.bannerMain .potisionNewDiary .wrap .row .detail{ width:198px; float:left;}
.bannerMain .potisionNewDiary .wrap .row .detail .title{ float:left; width:198px; color:#269bcf; font-size:12px;}
.bannerMain .potisionNewDiary .wrap .row .detail .title a{color:#269bcf; font-size:12px;}
.bannerMain .potisionNewDiary .wrap .row .detail .title a:hover{color:#1e7ba4; font-size:12px;}
.bannerMain .potisionNewDiary .wrap .row .detail span{ color:#888; font-size:10px!important; padding-left:5px;}
.bannerMain .potisionNewDiary .wrap .row .detail span a{ color:#666!important; font-size:11px!important; text-decoration:underline;}
.bannerMain .potisionNewDiary .wrap .row .detail span a:hover{ color:#666!important; font-size:11px!important; text-decoration:none;}

.bannerMain .potisionNewWebboard{ position:absolute; top:0; left:0; width:240px; margin:35px 0 0 315px;}
.bannerMain .potisionNewWebboard .tlt{ background:url(../../web_images/tlt-newWebboard.png) no-repeat; width:240px; height:33px;}
.bannerMain .potisionNewWebboard .wrap{margin:19px 0; width:240px;}
.bannerMain .potisionNewWebboard .wrap .row{ width:240px; overflow:hidden; float:left; margin-bottom:22px;}
.bannerMain .potisionNewWebboard .wrap .row .pic{ float:left; margin-right:10px;}
.bannerMain .potisionNewWebboard .wrap .row .pic img{ max-height:30px; width:auto!important; height:auto!important;}
.bannerMain .potisionNewWebboard .wrap .row .detail{ width:192px; float:left;}
.bannerMain .potisionNewWebboard .wrap .row .detail .title{ float:left; width:198px; color:#269bcf; font-size:12px;}
.bannerMain .potisionNewWebboard .wrap .row .detail .title a{color:#269bcf; font-size:12px;}
.bannerMain .potisionNewWebboard .wrap .row .detail .title a:hover{color:#1e7ba4; font-size:12px;}
.bannerMain .potisionNewWebboard .wrap .row .detail span{ color:#888; font-size:10px!important; padding-left:5px;}
.bannerMain .potisionNewWebboard .wrap .row .detail span a{ color:#666!important; font-size:11px!important; text-decoration:underline;}
.bannerMain .potisionNewWebboard .wrap .row .detail span a:hover{ color:#666!important; font-size:11px!important; text-decoration:none;}

.bannerMain .potisionMicroblog{ position:absolute; top:0; left:0; width:240px; margin:274px 0 0 31px;}
.bannerMain .potisionMicroblog .tlt{ background:url(../../web_images/tlt-newMicroblogUpdate.png) no-repeat; width:80px; height:60px; float:left;}
.bannerMain .potisionMicroblog .detail{ float:left; color:#555; font-size:12px; width:150px; margin-left:10px; overflow:hidden;}
.bannerMain .potisionMicroblog .detail a{color:#555; font-size:12px;}
.bannerMain .potisionMicroblog .detail a:hover{color:#333; font-size:12px;}

.bannerMain .potisionMicroblogBy{ position:absolute; top:0; left:0; margin:355px 0 0 35px; width:230px;}
.bannerMain .potisionMicroblogBy .pic img{ width:30px!important; height:30px!important; float:left; border:#fff solid 2px;}
.bannerMain .potisionMicroblogBy .by{ color:#269bcf; font-size:12px; font-weight:bold; float:left;}
.bannerMain .potisionMicroblogBy .by a, .bannerMain .potisionMicroblogBy .by a:hover{ color:#269bcf; font-size:12px; font-weight:bold;}
.bannerMain .potisionMicroblogBy .by span{ color:#777; font-size:10px; margin:0 5px;}
/*End Mag*/

/*Community*/
.bannerMain .potisionCol1{position:absolute; top:0; left:0; color:#fff; margin:29px 0 0 830px; width:100px; text-align:center;}
.bannerMain .potisionCol1 a{ color:#fff; font-size:12px; text-indent:-9999px; display:block;}
.bannerMain .potisionCol1 a:hover{color:#fff; font-size:12px;}
.bannerMain .potisionDetail1 {position:absolute; top:0; left:0; width:240px; margin:54px 0 0 688px;/*margin:61px 0 0 688px;*/}
.bannerMain .potisionDetail1 .pic img{ width:76px!important; height:56px!important; float:left;}
.bannerMain .potisionDetail1 .wrapDetail{ margin-left:10px; float:left; width:154px;}
.bannerMain .potisionDetail1 .wrapDetail .title{ color:#fb6998; font-size:12px; float:left; width:154px; font-weight:bold; margin-bottom:2px; height:30px; overflow:hidden;}
.bannerMain .potisionDetail1 .wrapDetail .title a{color:#fb6998; font-size:12px; font-weight:bold;}
.bannerMain .potisionDetail1 .wrapDetail .title a:hover{color:#fa3776; font-size:12px;}
.bannerMain .potisionDetail1 .wrapDetail .subTitle{ color:#666666; font-size:10px; float:left; width:154px; height:13px; overflow:hidden;}
.bannerMain .potisionDetail1 .wrapDetail .subTitle a, .bannerMain .potisionDetail3 .wrapDetail .subTitle a:hover{color:#666666; font-size:10px;}
.bannerMain .potisionDetail1 .wrapDetail .subTitle a{color:#666666; font-size:10px;}
.bannerMain .potisionDetail1 .wrapDetail .subTitle a:hover{color:#333; font-size:10px;}
.bannerMain .potisionDetail1 .wrapDetail .subTitleAll{font-size:10px; float:left; width:154px;}
.bannerMain .potisionDetail1 .wrapDetail .subTitleAll a, .bannerMain .potisionDetail3 .wrapDetail .subTitleAll a:hover{ color:#269BCF; font-size:10px; text-decoration:underline;}

.bannerMain .potisionCol2{position:absolute; top:0; left:0; color:#fff; margin:147px 0 0 830px;/*margin:154px 0 0 830px;*/ width:100px; text-align:center;}
.bannerMain .potisionCol2 a, .bannerMain .potisionCol1 a:hover{color:#fff; font-size:12px;}
.bannerMain .potisionDetail2 {position:absolute; top:0; left:0; width:240px; margin:179px 0 0 688px;/*margin:186px 0 0 688px;*/}
.bannerMain .potisionDetail2 .pic img{ width:76px!important; height:56px!important; float:left;}
.bannerMain .potisionDetail2 .wrapDetail{ margin-left:10px; float:left; width:154px;}
.bannerMain .potisionDetail2 .wrapDetail .title{ color:#fb6998; font-size:12px; float:left; width:154px; font-weight:bold; margin-bottom:2px;height:30px; overflow:hidden;}
.bannerMain .potisionDetail2 .wrapDetail .title a{color:#fb6998; font-size:12px; font-weight:bold;}
.bannerMain .potisionDetail2 .wrapDetail .title a:hover{color:#fa3776; font-size:12px;}
.bannerMain .potisionDetail2 .wrapDetail .subTitle{ color:#666666; font-size:10px; float:left; width:154px; height:13px; overflow:hidden;}
.bannerMain .potisionDetail2 .wrapDetail .subTitle a{color:#666666; font-size:10px;}
.bannerMain .potisionDetail2 .wrapDetail .subTitle a:hover{color:#333; font-size:10px;}
.bannerMain .potisionDetail2 .wrapDetail .subTitleAll{font-size:10px; float:left; width:154px;}
.bannerMain .potisionDetail2 .wrapDetail .subTitleAll a, .bannerMain .potisionDetail3 .wrapDetail .subTitleAll a:hover{ color:#269BCF; font-size:10px; text-decoration:underline;}

.bannerMain .potisionCol3{position:absolute; top:0; left:0; color:#fff; margin:272px 0 0 830px;/*margin:279px 0 0 830px;*/ width:100px; text-align:center;}
.bannerMain .potisionCol3 a, .bannerMain .potisionCol1 a:hover{color:#fff; font-size:12px;}
.bannerMain .potisionDetail3 {position:absolute; top:0; left:0; width:240px; margin:305px 0 0 688px;/*margin:311px 0 0 688px;*/}
.bannerMain .potisionDetail3 .pic img{ width:76px!important; height:56px!important; float:left;}
.bannerMain .potisionDetail3 .wrapDetail{ margin-left:10px; float:left; width:154px;}
.bannerMain .potisionDetail3 .wrapDetail .title{ color:#fb6998; font-size:12px; float:left; width:154px; font-weight:bold; margin-bottom:2px;height:30px; overflow:hidden;}
.bannerMain .potisionDetail3 .wrapDetail .title a{color:#fb6998; font-size:12px; font-weight:bold;}
.bannerMain .potisionDetail3 .wrapDetail .title a:hover{color:#fa3776; font-size:12px;}
.bannerMain .potisionDetail3 .wrapDetail .subTitle{ color:#666666; font-size:10px; float:left; width:154px; height:13px; overflow:hidden;}
.bannerMain .potisionDetail3 .wrapDetail .subTitle a{color:#666666; font-size:10px;}
.bannerMain .potisionDetail3 .wrapDetail .subTitle a:hover{color:#333; font-size:10px;}
.bannerMain .potisionDetail3 .wrapDetail .subTitleAll{font-size:10px; float:left; width:154px;}
.bannerMain .potisionDetail3 .wrapDetail .subTitleAll a, .bannerMain .potisionDetail3 .wrapDetail .subTitleAll a:hover{ color:#269BCF; font-size:10px; text-decoration:underline;}

/*End Community*/