﻿/* CSS Document */
.position{ float:right; width:200px; text-align:right}
.position a{ padding:0 2px;}
/*右侧二级栏目*/


/*网站主体部分*/
.zq-main{ width:1002px; margin:0 auto; padding:18px 0 25px 0; }



/*右侧内容2*/
.zq-mr{ float:right; width:290px;margin:0 0 0 0; display: block;}

.attc{ border:0}

/*学术*/
.fr_academic{ margin:0 0 15px 0; float:left; width:100%;}
.fr_academic_list{ padding:0 3px}
.fr_academic_list li{ border-bottom:1px dashed #adadad; line-height:36px; background:url(../images/icon/arrow.gif) 5px center no-repeat; padding:0 5px 0 18px; height:36px;}
.fr_academic_list li em{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:228px; display:block;height:36px;font-size:14px}
.fr_academic_list li span{ float:right; color:#9f9f9f}


/*专题*/
.fr_topics{ float: left; width:100%; margin:0 0 15px 0; background:#f8f8f8; height:292px;}

.fr_topics_list{ padding:0 18px; margin:18px 0 0 0}
.fr_topics_list li{ line-height:26px; background:url(../images/icon/arrow.gif) 0 center no-repeat; padding:0 0 0 12px; height:26px;white-space:nowrap;text-overflow:ellipsis; display:block;}
.fr_topics_list li img{ display:none}
.fr_topics_list li h3{ font-weight:normal; font-size:14px;}

.fr_topics_list li h3 a{  width:100%;height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}

.fr_topics_list li.f1{ height:105px; background:none; padding:0 ; margin:0 0 0 0}
.fr_topics_list li.f1 img{ display:block; width:250px; height:78px; clear:both}
.fr_topics_list li.f1 h3{ font-weight:bold; line-height:26px; height:26px;}
.fr_topics_list li.f1 h3 a{ color:#272727}


/*杂志*/
.fright_mag{ float: left; width:100%; margin:0 0 15px 0; background:#f8f8f8; height:269px;}

#showCase1 { position:relative; width:290px; height:186px;}
#showCase1 li { position:absolute; bottom:10px; text-align:left; width:290px; height:186px; }
#showCase1 li img { position:absolute; bottom:0; width:132px; height:158px;}
#showCase1 li div#nr{ visibility:hidden;}
#showCase1 .left, #showCase1 .right { position:absolute; top:96px; z-index:99; width:35px; height:56px; cursor:hand; }
#showCase1 .left{ left:7px; background: url(../images/icon/pn.gif) 0 0 no-repeat; cursor:pointer}
#showCase1 .right { left:260px; background:url(../images/icon/pn.gif) -65px 0 no-repeat; cursor:pointer}

#showCase1 div.info{ position:absolute; left:0; bottom:-49px; background:#9fceec; width:266px; color:#ffffff; height:32px; padding:8px 12px; line-height:18px;} 
#showCase1 div.info span{ font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#ffffff; display:block; overflow:hidden; height:18px;}
#showCase1 div.info em{ color:#ffffff; }
#showCase1 div.info div.fl_mag{ float:left; width:190px;}
#showCase1 div.info div.fr_mag{ float:right; width:70px;}

#showCase1 div.info b{ font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#fedf77; display:block; overflow:hidden; font-weight:bold; text-transform:uppercase}
#showCase1 div.info strong{ color:#ffffff;  font-family:Arial, Helvetica, sans-serif; font-size:18px;text-transform:uppercase; text-align:center; display:block;line-height:32px;}


/*微博*/
.txtScroll-top{ float: left; width:100%; margin:0 0 15px 0; background:#f8f8f8; height:292px;overflow:hidden; position:relative; }
.txtScroll-top .hd{ overflow:hidden;background: #e7e7e7;height: 33px;line-height: 33px;padding: 0 12px;}

.txtScroll-top .hd .btl{ float:left; width:200px; height:33px;}
.txtScroll-top .hd span{ font-family:"微软雅黑"; font-size:16px; color:#2b2b2b; background:url(../images/icon/icon.gif) 0 center no-repeat; padding-left:12px; font-weight:bold;}
.txtScroll-top .hd em{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#888888; text-transform:uppercase; font-weight:normal; padding-left:10px;}

.txtScroll-top .hd .next{ right:20px; background:url(../images/wpn2.png) no-repeat;}
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;width:14px; height:14px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer;position: absolute;top:37px;z-index:99}
.txtScroll-top .hd .prev{ right:40px; background:url(../images/wpn1.png) no-repeat;}
.txtScroll-top .hd .prev:hover,.txtScroll-top .hd .prevStop{  background:url(../images/wpn3.png) no-repeat;}
.txtScroll-top .hd .next:hover,.txtScroll-top .hd .nextStop{  background:url(../images/wpn4.png) no-repeat;}

.txtScroll-top .bd{ padding:3px 0 0 0; }
.txtScroll-top .infoList li{ padding:6px 17px; line-height:24px; border-bottom:1px dotted #dfdfdf }
.txtScroll-top .infoList li span{ display:block;width:212px;font-size:14px;}
.txtScroll-top .infoList li span a { text-overflow: ellipsis;overflow: hidden;height: 24px;display: block;white-space: nowrap;font-size: 14px;}
.txtScroll-top .infoList li em{ color:#9f9f9f}


/*左侧主框架*/
.info{ line-height:28px; color:#333333; padding:25px 15px 40px 15px; overflow:hidden}


/*视频页面*/
.video_info{ padding:30px 0 0 0}
.sp_list li{ float:left; width:216px; margin:0 8px 20px 8px; position:relative}
.sp_list b{ background:url(../images/icon/vs.png) no-repeat; width:36px; height:27px; position:absolute; left:100px; top:50px; visibility: hidden}
.sp_list li:hover b{ visibility:visible;}
.sp_list li img{ width:216px; height:120px;}
.sp_list li span{ display:block; width:100%; line-height:34px; text-align:center;height:34px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}

h3.tl{ font-size:16px; font-family:"微软雅黑"; color:#2b2b2b; border-bottom:1px solid #d0d0d0; padding:12px 20px; text-transform:uppercase}


.video_list{ line-height:46px; padding:0 25px;}
.video_list li{ border-bottom:1px dashed #d0d0d0; width:296px; float:left; font-size:14px; padding-right:1%}

.video_list li a{ color:#494949;height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}

.news_info .sp_list { margin-top:10px;}
.news_info .sp_list li{ margin:0 4px 20px 4px;}


/*人物内容页*/
.people_info{ padding:20px 0 0 0}

.people_search{ background:#f3f3f3; border:1px solid #dddddd; padding:10px 34px; line-height:28px; color:#919191}

.fl_peo{ float:left; width:65px;color:#919191}
.fr_peo{ float:right; width:560px;}
.fr_peo a{ padding:0 15px 0 0; color:#919191;font-size:13px;font-family:Arial}
.fr_peo  form { float:right; width:330px;}
.fr_peo  form em{ float:left; width:62px; display:block}

.fr_peo  form span{ border:1px solid #dddddd; padding:3px 5px;line-height:22px; height:22px; background:#FFFFFF; width:250px; display:block; float:right}
.fr_peo  form input[type="text"]{ background:none; float:left; width:225px; height:22px; border:none;}

.fr_peo  form input[type="submit"]{ background:url(../images/icon/s.jpg) no-repeat; float:right; width:22px; height:22px; border:none;cursor:pointer}



/*人物图片列表*/
.rw_list1{}

ul.rw_list1 li{ border-bottom:1px dotted #adadad; overflow:hidden;line-height:20px;padding:26px 0; width:330px; float:left;}
ul.rw_list1 li img{ width:103px; height:125px; float:left; margin-right:12px;}
ul.rw_list1 li p{ width:210px;float:left; text-indent:2em}
ul.rw_list1 li p a{ width:266px;height:24px; color:#707070;}

ul.rw_list1 li h3 { font-weight:normal; font-size:12px;float:left;width:210px;white-space:nowrap;text-overflow:ellipsis; display:block; overflow:hidden; height:22px;}
ul.rw_list1 li h3 a{ color:#272727;font-size:14px;}
ul.rw_list1 li h3 a:hover{ color:#333333;}
ul.rw_list1 li span{ float:left;color:#bdbdbd;font-weight:normal; width:210px;}
ul.rw_list1 li span a{ color:#b00000;}



.zm_list1{ width:330px; float:left}

.zm_list1 div{ padding:10px 4px 10px 14px; line-height:24px;overflow:hidden}
.zm_list1 div a{ padding:0 20px 0 0; display:block; float:left; font-size:14px;}


/*人物 新闻列表*/
ul.news_list1 { clear:both; overflow:hidden }
ul.news_list1 li { overflow:hidden; line-height:36px; font-size:14px; background:url(../images/icon/arrow.gif) 5px center no-repeat;border-bottom:1px dashed #adadad; padding-left:20px }
ul.news_list1 li span{ float:right; font-size:12px; color:#9f9f9f}
ul.news_list1 li a{ color:#494949; overflow:hidden; height:36px; display:block}
ul.news_list1 li a:hover{ color:#000000}


.fr_rw{ background:#f8f8f8; padding:28px 34px; margin:0 0 15px 0;}
.fr_rw img{ width:220px; /* height:220px;*/ }
.fr_rw .re_pic{  width:220px; height:220px;}
.fr_rw span{ text-align:center; font-size:20px; color:#000000; font-family:"微软雅黑"; display:block; line-height:50px; border-bottom:1px solid #e0e0e0}
.fr_rw span s{ background: url(../images/icon/v.jpg) no-repeat; width:16px; height:14px; display:inline-block; margin-left:5px;}
.fr_rw  div.jj{ line-height:24px; border-top:1px solid #ffffff; padding:10px 0 0 0}


/*新闻列表*/
ul.news_list { clear:both; overflow:hidden }
ul.news_list li { overflow:hidden; line-height:36px; font-size:14px;background: url(../images/icon/i1.jpg) 5px center no-repeat;border-bottom:1px dashed #adadad;padding-left:15px;}
ul.news_list li span{ float:right; font-size:12px; color:#9f9f9f;}
ul.news_list li a{ color:#494949; overflow:hidden; height:36px; display:block}
ul.news_list li a:hover{ color:#000000}


/*新闻态详细内容页 */
.news_info{line-height:28px; color:#333333; padding:25px 10px 0 10px; overflow:hidden}
.news_info h3.title { text-align:center;color:#272727; font-size:18px;  line-height:60px;}
.news_info .time { line-height:36px;border-top:1px solid #bbbbbb;font-size:13px; text-align:center; color:#a8a7a7 }
.news_info .time em{ color:#6e6e6e; }
.details {  line-height:28px; padding:15px 0 10px 0; }
.details p,.details div{ margin:9px 0}
.details em{ font-style: oblique;}

.public{ color:#454545; padding:0 0 20px 0;font-size:13px;}
.news_info .bdsharebuttonbox{ float:right; width:175px;}
.news_info .bdsharebuttonbox span{ width:54px; float:left; color:#a8a7a7}


/*相关阅读*/
.tl1{ font-family:"微软雅黑"; color:#2b2b2b; font-size:15px; background: url(../images/icon/icon.gif) 15px center no-repeat;border-bottom:1px solid #bbbbbb; padding:0 0 0 26px; line-height:40px;}
.xg_list ul{ margin-top:20px;}
.xg_list li{ background:url(../images/icon/arrow.gif) 15px center no-repeat; padding:0  16px 0 26px; line-height:24px;}
.xg_list li a{ /*color:#8c8c8c;*/ color:#454545; font-size:13px;white-space:nowrap;text-overflow:ellipsis; display:block; overflow:hidden; height:24px;}



/*智库*/
ul.zk_list li{ border-bottom:1px dashed #adadad; overflow:hidden;line-height:46px;padding:0 0 0 10px; width:314px; float:left; background:url(../images/icon/i1.jpg) 2px 22px no-repeat;}
ul.zk_list li img{ visibility:hidden; height:0}
ul.zk_list li a.pic{ display:none;}
ul.zk_list li p{ visibility:hidden; height:0}
ul.zk_list li p a{ width:266px;height:24px; color:#707070;}

ul.zk_list li h3 { font-weight:normal; font-size:12px;float:left;width:307px;white-space:nowrap;text-overflow:ellipsis; display:block; overflow:hidden; height:46px;}
ul.zk_list li h3 a{ color:#272727;font-size:14px;}
ul.zk_list li h3 a:hover{ color:#0a0a0a;}
ul.zk_list li span{ float:left;color:#bdbdbd;font-weight:normal; width:210px;}
ul.zk_list li span a{ color:#b00000;}


ul.zk_list li.hot{ border-bottom:1px dashed #adadad; overflow:hidden;line-height:26px;padding:26px 0; width:100%; float:left;background:none;}
ul.zk_list li.hot a.pic{ display:block;}
ul.zk_list li.hot img{ width:198px; height:130px; float:left; margin-right:12px; visibility: visible}
ul.zk_list li.hot p{ width:460px;float:left; text-indent:2em;visibility: visible; padding:5px 8px;}
ul.zk_list li.hot p a{ width:266px;height:24px; color:#707070;}

ul.zk_list li.hot h3 { font-weight:normal; font-size:12px;float:left;width:475px;white-space:nowrap;text-overflow:ellipsis; display:block; overflow:hidden; height:24px; border-bottom:1px solid #e7e7e7; padding:0 5px 6px 5px;font-weight:bold;}
ul.zk_list li.hot h3 a{ color:#272727;font-size:14px;white-space:nowrap;text-overflow:ellipsis; display:block; overflow:hidden;height:24px;}
ul.zk_list li.hot h3 a:hover{ color:#0a0a0a;}
ul.zk_list li.hot span{ float:left;color:#bdbdbd;font-weight:normal; width:210px;}
ul.zk_list li.hot span a{ color:#b00000;}

/*专题*/
ul.zt_list li{ border-bottom:1px dashed #adadad; overflow:hidden;line-height:46px;padding:0 0 0 10px; width:330px; float:left; background:url(../images/icon/i1.jpg) 2px center no-repeat;}
ul.zt_list li h3 { font-weight:normal; font-size:12px;float:left;width:322px;white-space:nowrap;text-overflow:ellipsis; display:block; overflow:hidden; height:46px;}
ul.zt_list li h3 a{ color:#272727;font-size:14px;}
ul.zt_list li h3 a:hover{ color:#0a0a0a;}

ul.zt_list1{ padding:25px 0; border-bottom:1px dashed #adadad; overflow:hidden}
ul.zt_list1 h3.class_name{ font-size:14px; width:400px; float:right; border-bottom:1px solid #e7e7e7; line-height:30px; padding:0 5px 6px 5px; margin:0 0 10px 0}

ul.zt_list1 li.hot{ background:none;overflow:hidden;line-height:26px; width:260px; float:left;}
ul.zt_list1 li.hot img{ width:258px; height:170px; float:left; margin-right:12px; visibility: visible}


ul.zt_list1 li.hot h3 { visibility:hidden; height:0}
ul.zt_list1 li.hot h3 a{ color:#272727;font-size:14px;}
ul.zt_list1 li.hot h3 a:hover{ color:#0a0a0a;}
ul.zt_list1 li.hot span{  visibility:hidden; height:0}
ul.zt_list1 li.hot span a{ color:#b00000;}

ul.zt_list1 li{ overflow:hidden;line-height:25px;padding:0 0 0 10px; width:400px; float:right; background:url(../images/icon/i1.jpg) 2px center no-repeat;}
ul.zt_list1 li img{ visibility:hidden; height:0}

ul.zt_list1 li h3 { font-weight:normal; font-size:12px;float:left;width:392px;white-space:nowrap;text-overflow:ellipsis; display:block; overflow:hidden; }
ul.zt_list1 li h3 a{ color:#494949;font-size:13px; display:block;}
ul.zt_list1 li h3 a:hover{ color:#0a0a0a;}
ul.zt_list1 li span{ float:right; color:#9f9f9f;font-weight:normal;visibility: visible;}



/*杂志*/
ul.zz_list li{ border-bottom:1px dashed #adadad; overflow:hidden;line-height:46px;padding:0 0 0 10px; width:314px; height:46px; float:left; background:url(../images/icon/i1.jpg) 2px 22px  no-repeat;}
ul.zz_list li img{ visibility:hidden; height:0}
ul.zz_list li p{ visibility:hidden; height:0}

ul.zz_list li h3 { font-weight:normal; font-size:12px;float:left;width:302px;*width:290px;white-space:nowrap;text-overflow:ellipsis; display:block; overflow:hidden; height:46px;}
ul.zz_list li h3 a{ color:#272727;font-size:14px;}
ul.zz_list li h3 a:hover{ color:#0a0a0a;}
ul.zz_list li span{ visibility:hidden; height:0}


ul.zz_list li.hot{  background:url(../images/load.gif) center 50px no-repeat;border:1px solid #e5e5e5; margin:16px 0; overflow:hidden;line-height:22px;padding:12px; width:186px; height:318px; float:left;}
ul.zz_list li.hot img{ width:185px; height:242px; display:block;visibility: visible}
ul.zz_list li.hot p{ display:block;color:#333333;font-weight:normal; text-align:center;visibility: visible; font-family:"微软雅黑"; padding:6px 0; clear:both; height:43px;}
ul.zz_list li.hot p a{ width:266px;height:24px; color:#707070;}

ul.zz_list li.hot h3 { visibility:hidden; height:0}

ul.zz_list li.hot span{ display:block;/*color:#ffffff;*/font-weight:normal; text-align:center; height:22px;visibility: visible; clear:both;}
ul.zz_list li.hot span a{ color:#ffffff; background:url(../images/icon/down.jpg); display:block; height:22px; width:76px; margin:0 auto}



/* 上下页 */
.shangxiaye { height:57px; line-height:28px; padding:15px 0 0 5px;border-top:1px dotted #d9d9d9; }
.shangxiaye strong{color:#093aa2; font-weight:normal}
.shangxiaye a { color:#666666; }

.nullshuju { margin:110px auto 0 auto; background:url(../images/nullshuju.png) no-repeat; width:200px; height:110px; }
.nullshuju span { display:block; margin:40px 0 0 90px; color:#097ace; font-family:"宋体"; font-size:14px; }





/*留言*/
.guestbook{ margin:20px auto 0 auto; background:#f4f4f4; border-top:5px solid #939393; padding:10px 21px 25px 21px; clear:both; overflow:hidden }

.refer{ margin:0 auto 0 0;}
.refer p{ padding:3px 5px;}
.refer p b{font:18px/29px "微软雅黑"; color:#959191}
.refer .textarea{ border:1px solid #c7c7c7; width:590px; height:80px; padding:5px;color:#939393}
.refer .btn{ background: url(../images/btn.jpg) no-repeat;font:14px/29px "微软雅黑"; border:none;width:77px; height:29px; text-align:center; display:block; color:#ffffff; float:right}



/*视频竞赛*/
.compet_bg{ background:url(../images/compet.jpg) 0 0 no-repeat;}
.compet_1{ height:497px;overflow:hidden}
.compet_1 .compet_1fl{ float:left;width:282px;}
.compet_1 .compet_1fl img{ max-width:282px;max-height:399px;}
.compet_1 .compet_1fr{ float:right;width:633px;padding:20px;}
.compet_1 .compet_1fr .compet_lm{float:left;width:306px;}
.compet_1 .compet_1fr .compet_lm .compet_lm_tl{ background:url(../images/icon/icon.gif) 0 center no-repeat;font:16px/35px "微软雅黑";color:#2b2b2b;font-weight:bold;border-bottom:1px solid #ababab;padding:0 10px;margin:0 0 6px 0}
.compet_1 .compet_1fr .compet_lm .compet_lm_view,.compet_1 .compet_1fr .compet_lm .compet_lm_view p{ line-height:22px;font-size:12px;color:#8f8f8f;font-family:"宋体"}
.compet_1 .compet_1fr .compet_lm .compet_1tl{ color:#c3272b;font:14px/24px "微软雅黑";}
.compet_1 .compet_1fr .compet_lm .compet_1nr{ line-height:22px;font-size:12px;color:#8f8f8f;font-family:"宋体"}
.compet_1 .compet_1fr .compet_lm .compet_1list { position: relative;}
.compet_1 .compet_1fr .compet_lm .compet_1list img{ width:120px;height:88px;}

.compet_1 .compet_1fr .compet_lm .compet_1list b { background: url(../images/icon/vs.png) no-repeat;width: 36px;height: 27px;position: absolute;left: 44px;
top: 32px;}



.compet_2 .compet_2tl{ background:#e7e7e7 url(../images/icon/icon.gif) 22px center no-repeat;font:16px/23px "微软雅黑";color:#2b2b2b;font-weight:bold;padding:10px 38px;margin:0 0 30px 0}
.compet_2 .compet_2content .compet_list{ margin:0 0 30px 0;padding:0 20px;}

.compet_2 .compet_2content .compet_tl{ font:18px/30px "微软雅黑";color:#c3272b;margin:0 0 30px 0;font-weight:bold;}
.compet_2 .compet_2content .compet_nr,.compet_2 .compet_2content .compet_nr p{ font:14px/30px "微软雅黑";color:#2b2b2b;}


/*留言回复*/
.reply{ border-bottom:1px solid #dcdcdc;padding:0 5px;}
.reply .reply_title span{ float:right;}


/*推荐按钮*/
.subBtn { display: inline-block;width: 99px;height: 99px;cursor: pointer;background: url(../images/icon/tj.png) no-repeat left top;}
.pt30 { padding-top: 30px;}
.center { text-align: center;}
.subBtn.down { background: url(../images/icon/tj.png) no-repeat left bottom;}

/*文字放大缩小*/
.news_info .time a{ padding-left:18px;display:inline-block;height:34px;text-indent: -9999px;}
.news_info .time a.add{ background:url(../images/icon/font_add.jpg) 0 center no-repeat;margin-left:50px;}
.news_info .time a.add:hover{ background:url(../images/icon/font_add_h.jpg) 0 center no-repeat;margin-left:50px;}
.news_info .time a.del{ background:url(../images/icon/font_del.jpg) 0 center no-repeat;}
.news_info .time a.del:hover{ background:url(../images/icon/font_del_h.jpg)  0 center no-repeat;}
.news_info .time a.addn{ background:url(../images/icon/font_add_n.jpg) 0 center no-repeat;margin-left:50px;}
.news_info .time a.addn:hover{ background:url(../images/icon/font_add_n.jpg) 0 center no-repeat;}
.news_info .time a.deln{ background:url(../images/icon/font_del_n.jpg) 0 center no-repeat;}
.news_info .time a.deln:hover{ background:url(../images/icon/font_del_n.jpg) 0 center  no-repeat;}


/*总统大选*/
.topic-content{ background:url(../images/tbg.jpg) repeat-y #f4f4f4; width:1002px; margin:25px auto;}
.topic-head { line-height:40px; padding:0 10px; border-bottom:1px solid #fff;background:#e7e7e7 }
.topic-head a{ font-size:18px; color:#000000 }
.topic-body{ position:relative; overflow: hidden;}

.topic-body .topic-flow {
  position: relative;  min-height: 400px;
  left: 0;
  padding-top: 20px;
  padding-bottom: 50px;
  width: 76%;
  float: left;
}
.topic-body .topic-flow:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 110px;
  background: #e7e7e7;
  border-right: 1px solid #fff;
}

.topic-body .topic-flow .topic-news {
  background: #fff;
  position: relative;
  margin-left: 140px;
  margin-top: 40px;
  box-shadow: 0 8px 8px -4px rgba(0, 0, 0, 0.4);
  border-radius: 6px 6px 0 0;
}
.topic-body .topic-flow .topic-news .topic-head1{
  z-index: 1;
  position: relative;
  background: #dfdfdf;
  border-radius: 6px 6px 0 0;
}
.topic-body .topic-flow .topic-news .body {
  position: relative;
  background: rgba(255, 255, 255, 0.8);
}
.topic-body .topic-flow .topic-news .datetime { position: absolute;
  top: 0;
  left: -142px;
  padding: 2px 6px;
  color: #333333;
  font-size: 14px;
  font-family: 微软雅黑; text-align: right;
  letter-spacing: 1px;
 width: 88px;}
.topic-body .topic-flow .topic-news .media-type {
  position: absolute;
  top: 5px;
  left: -46px;
  z-index: 9;
  width: 34px;
  height: 34px;
  color: #666666;
  line-height: 30px;
  text-align: center;
  background: #c5c5c5;    
  border-radius: 50%;
}
.topic-body .topic-flow .topic-news .media-type:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  width: 23px;
  height: 0;
  border-top: 1px solid #c5c5c5;
}
.topic-body .topic-flow .topic-news .media-type i{ display: block;background:url(../images/fa.png) no-repeat }  
.topic-body .topic-flow .topic-news .media-type .video-camera{ background-position: 0 bottom }
.topic-body .topic-flow .topic-news .media-type i:before{content:"\f03c"}
.topic-body .topic-flow .topic-news .title {
  display: block;
  margin-left: 20px;
  padding: 10px 8px;
  line-height: 23px;
  color: #333333;
  font-size: 14px;
  cursor: pointer;
}
.topic-body .topic-flow .topic-news .title:before {
  content: "";
  display: block;
  position: absolute;
  top: 17px;
  left: 9px;
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  border-radius: 50%;
  box-shadow: 2px 2px 5px #b2b2b2 inset;
}
.topic-body .topic-flow .topic-news .description {
  color: #323232;
  font-size: 1em;
}
.topic-body .topic-flow .topic-news .more-btn {
  float: right;
  padding: 0 5px;
  color: #EB6464;
  font-size: 0.875em;
  border-bottom: 2px dashed #EB6464;
  cursor: pointer;
}
.topic-body .topic-flow .topic-news .photos{ padding:10px; }
.topic-body .topic-flow .topic-news .photo {
  display: block;
  cursor: pointer;
}
.topic-body .topic-flow .topic-news .photo .placeholder {
  position: relative;
  width: 100%;
  height: 0;
  margin-top: -1px;
  padding-top: 56.25%;
  overflow: hidden;
}
.topic-body .topic-flow .topic-news .photo .placeholder img { width:100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.5s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out,-moz-transform 0.5s ease-out,-o-transform 0.5s ease-out,transform 0.5s ease-out;
}
.topic-body .topic-flow .topic-news .photo:hover img {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: -webkit-transform 5s ease-out;
  -moz-transition: -moz-transform 5s ease-out;
  -o-transition: -o-transform 5s ease-out;
  transition: -webkit-transform 5s ease-out,-moz-transform 5s ease-out,-o-transform 5s ease-out,transform 5s ease-out;
}

.topic-body .topic-flow .topic-news.active .topic-head1{
  background: #fdf5c7;
}
.topic-body .topic-flow .topic-news.active .title:before {
  top: 15px;
  left: 3px;
  width: 24px;
  height: 11px;
  background:url(../images/i1.png) no-repeat;
  border-radius: inherit;
  box-shadow: none;
}
.topic-body .topic-flow .topic-news.active .media-type:after{ width: 18px;}


.topic_right{  }
.topic-body .topic-article {
  z-index: 110; position: fixed;margin-right:-500px;right:50%;
  top: 341px; bottom: 5px;
  padding: 10px;
  width: 604px; background: #FFFFFF; overflow: hidden;
   -webkit-box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
  box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, 0.4);
  line-height: 26px;
}
.topic-body .topic-article .close-btn {
    z-index: 1;
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 40px;
    background: url(../images/close.png) no-repeat;
    cursor: pointer;
  }
.topic-body .topic-article .close-btn i{ display:block;}
.fa-close:before{ content: "\f00d"; }
.topic-body .topic-article .content .description {
   overflow-x: hidden; 
   overflow-y: auto; margin-top:10px;
}

/*党派滚动 */

.topic-candidate{ float:right;width:222px; margin-top: 60px; margin-right: 5px;}
.picMarquee-top{ margin:0 auto 16px 0;  overflow:hidden; position:relative;    }
.picMarquee-top .hd{ overflow:hidden;  line-height: 33px; background: #e7e7e7; font-size: 18px;  color: #333333; text-align: center; margin-bottom: 19px;}

.picMarquee-top .bd{ padding: 3px;   }
.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-top .bd ul li{ width: 213px; height: 187px; border: 1px solid #cacaca; text-align:center; zoom:1; margin-bottom: 23px;}
.picMarquee-top .bd ul li .pic{ text-align:center; }
.picMarquee-top .bd ul li .pic img{ width: 205px; height: 138px; display:block; padding: 4px; border-bottom: 1px solid #cacaca; }
.picMarquee-top .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-top .bd ul li .title{ line-height: 39px;  font-size: 14px; }
.picMarquee-top .bd ul li .title a{  color: #333333; font-family: 微软雅黑; }