@charset "gb2312";
/* interviewSideBox */
.interviewSideBox .hd{ height: 40px; line-height: 40px; background-color: #eee;}
.interviewSideBox .hd h3{ float: left; *display: inline; background: #2279c4; padding: 0 15px;font-size: 16px; color: #fff;}
.interviewSideBox .hd h3 a{ color: #fff}
.interviewSideBox .hd .more{ float: right; margin-right: 10px; *display: inline; font-size: 14px; color: #888}
.interviewSideBox .bd{ margin-bottom: 20px; background: #f7f7f7; padding: 10px 20px; overflow: hidden;}

/*最新访谈*/
.interview-last{ padding-top: 10px; overflow: hidden;}
.interview-last li{ display: block; float: left; width: 25.33%; padding: 40px 4%; font-size: 14px; line-height: 160%;}
.interview-last .pic img{ width: 100%; height: auto !important;}
.interview-last .detail dl{ padding-bottom: 7px; padding-top: 7px; border-bottom: 1px dashed #ccc;}
.interview-last .detail dl:last-child{ border-bottom: none;}
.interview-last .detail dt{ float: left; width: 45px; text-align: right; font-weight: bold;}
.interview-last .detail dd{ margin-left: 55px; text-align: justify; text-justify: inter-word; word-break: break-all;}
.interview-last .link{ text-align: right; padding: 15px 10px 10px;}
.interview-last .link a{ color: #69c;}
.interview-last li:hover{ background: #eee;}

/*访谈列表*/
.interview-list .tit, .interview-content .tit{ height: 40px; line-height: 40px; border-bottom: 1px solid #ddd;}
.interview-list .tit h3, .interview-content .tit h3{ float: left; height: 40px; padding: 0 20px; font-size: 20px; font-weight: normal; background-color: #2279c4; color: #fff;}
.interview-list .tit .more, .interview-content .tit .more{ float: right; padding-right: 10px; font-size: 14px;}
.interview-list .tit .more a, .interview-content .tit .more a{ color: #ccc;}
.interview-list .tit .more a:hover, .interview-content .tit .more a:hover{ color: #f60;}
.interview-list .con{ margin-top: 10px;}
.interview-list .con li{ display: block; height: 36px; line-height: 36px;}
.interview-list .con li:nth-child(5n){ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ccc;}
.interview-list .con li:last-child{ border-bottom: none;}
.interview-list .con li a{ display: block; float: left; height: 36px; padding-left: 15px; line-height: 36px; background: url(Content_CommonBaseimgicon.png) -396px -79px no-repeat;}
.interview-list .con li a:hover{ background-position: -396px -348px;}
.interview-list .con li span{ float: right; color: #999; font-size: 14px;}
.interview-list .con li em{ color: #009300; font-style: normal;}
.interview-list .bot{ padding-left: 30px;}

/*访谈内容*/
.interviewCon .interviewConTit{margin-bottom: 30px; font-size: 32px; text-align: center; line-height: 1.5; color: #005faf; font-weight: normal;}
.interviewCon .column{ overflow: hidden; margin-bottom: 20px;}

/* 内容页-详细信息 */
#columnA{ background-color: #f9f9f9;}
#columnA .pic{ width: 500px; float: left; margin-right: 30px; max-height: 400px; overflow: hidden;}
#columnA .pic img{ width: 500px; height: auto; max-height: 400px;}
#columnA .detail{ margin-right: 30px; overflow: hidden;}
#columnA .detail dl{ margin-bottom: 20px; line-height: 28px; overflow: hidden;}
#columnA .detail dt{ float: left; *display: inline; margin-right: 15px; width: 80px; color: #fff; background-color: #5796d2; border-radius: 30px; text-align: center;}
#columnA .detail dd.detailIntro{ min-height: 112px;}
#columnA .detail .detailTit dd{ margin-top: 30px; padding: 10px 20px; text-align: center; background-color: #fff; border-left: 3px solid #005faf; font-size: 24px; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#columnA .detail .detailTit dt{ display: none;}
#columnA .detail .detailAsk a{ padding: 10px 20px; border-radius: 6px; float: right; background-color: #f87d7f; transition: all 0.25s ease 0s; color: #FFF; font-size: 16px;}
#columnA .detail .detailAsk a:hover{ filter: alpha(opacity=80);opacity: 0.8;}
#columnA .detail .detailPolicy{ display: none; margin-top: 20px;}

/* 内容页-相关视频、背景资料、图解 */
#columnC .areaL{ width: 300px; float: right; margin-left: 20px;}
#columnC .areaR{ overflow: hidden;}
#boxXgsp .bd{min-height: 170px;}
#boxBjzl .bd{ margin: 0; min-height: 170px;}
#boxTj .hd{ background: #2279c4;}
#boxTj .hd .more{ color: #AEE7FF}
#boxTj .bd{min-height: 250px;}
#boxTj .bd ul li{ width: 100%;}

/* 内容页-嘉宾风采 */
#boxJbfc .bd{min-height: 200px;}
#boxJbfc .bd .picList li{ margin-bottom: 0; width: 100%;}

/* 内容页-精彩观点 */
#boxJcgd .bd{ min-height: 170px;}

/* 内容页-文字实录 */
#boxWzsl .bd{ padding: 15px; border: 1px solid #ddd; max-height: 920px; overflow-y: auto; margin-top: 10px; margin-bottom: 10px;}
#boxWzsl .bd .interviewlist-bd{ word-wrap: break-word; word-break: break-all}
#boxWzsl .loading-more{ padding: 10px 0 0; text-align: center;}
#boxWzsl .loading-more button{ display: inline-block; padding: 6px 12px; font-size: 14px; border: 1px solid #ccc; border-radius: 4px; background: #fff;}
#boxWzsl .loading-more button:hover{ color: #333; background-color: #e6e6e6; border-color: #adadad;}
#boxWzsl .bot{ text-align: right; padding: 5px 30px;}
#boxWzsl .bot a{ color: #2279c4;}
#boxWzsl .bot a:hover{ color: #f60;}

/* 相关信息页 */
.interviewRelated{ padding: 20px 0; overflow: hidden;}
.interviewRelated .interviewRelatedTit{ font-size: 24px; font-weight: normal; padding: 0 10px; text-align: center; margin-bottom: 30px;}
.interviewRelated .relateMain{ overflow: hidden;}
.interviewRelated .relateSide{ width: 300px; float: right; margin-left: 20px;}
.interviewRelated .relateNoSideMain{ width: 100%; overflow: hidden;}
#boxRelate .hd h3{ padding: 0 20px; color: #2279c4; color: #fff; font-size: 16px;}
#boxRelate .bd{ padding: 10px 0px;}
#boxRelate .picListFl{ padding-top: 20px;}
.interviewRelatedPage .relateNoSideMain .picList li{ width: 12.49%;}

/* 相关信息页 - 文章 */
.newsList li{ font-size: 16px; overflow: hidden; height: 46px; line-height: 46px;}
.newsList li a{ padding-left: 13px; background: url(../../Base/img/icon.png) 0 18px no-repeat;}
.newsList .date{ float: right; color: #999; margin: 0 10px;}
.newsList .node{ color: #999; margin-right: 10px;}

/* 相关信息页 - 图片 */
.picPageList{ margin-right: -20px; overflow: hidden; text-align: center;}
.picPageList li{ border: 1px solid #ddd; float: left; width: 273px; margin: 0 20px 20px 0; *display: inline; position: relative; background: #fff; overflow: hidden;}
.picPageList .pic{ margin: 3%;}
.picPageList .pic img{ height: auto; width: 100%;}
.picPageList .title, .picPageList .titleBg{ position: absolute; bottom: 0; left: 0; width: 94%; margin: 3%; display: block; overflow: hidden; line-height: 28px; padding: 5px 0; height: 28px; z-index: 3; color: #fff; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms;}
.picPageList .titleBg{ background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 2}
.picPageList .title a{ color: #fff; padding: 0 10px; display: block; font-size: 14px}
.picPageList li:hover{ border-color: #bbb; -webkit-box-shadow: #eee 2px 2px 0; -moz-box-shadow: #eee 2px 2px 0; box-shadow: #eee 2px 2px 0;}
.picPageList li:hover .title, .picPageList li:hover .titleBg{ height: 56px;}

/* 相关信息页 - 视频 */
.vedioPageList{ margin-right: -20px; overflow: hidden; text-align: center;}
.vedioPageList li{ float: left; width: 273px; margin: 0 20px 20px 0; *display: inline;}
.vedioPageList .pic{ background: #fff; border: 1px solid #ddd; position: relative;}
.vedioPageList .pic a{ display: block; margin: 3%; overflow: hidden;}
.vedioPageList .pic .ico{ position: absolute; left: 50%; top: 50%; width: 62px; height: 62px; margin-left: -31px; margin-top: -31px; display: none; filter: alpha(opacity=80); opacity: 0.8;}
.vedioPageList .pic img{ height: auto; width: 100%; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms;}
.vedioPageList .title{ overflow: hidden; padding-top: 5px; line-height: 24px; height: 48px; text-align: left; font-size: 14px; padding-left: 25px;}
.vedioPageList .pic:hover{ border-color: #bbb}
.vedioPageList .pic:hover img{ transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);}

/*文字实录列表*/
.interviewlist-bd ul{ padding: 0; margin: 0; list-style: none;}
.interviewlist-bd li{ display: block; padding: 10px 15px; border-bottom: 1px solid #EEE; font-size: 14px;}
.interviewlist-bd li:hover{ background: #fdf9f7;}
.interviewlist-bd li .title{ color: #005faf; font-weight: bold; line-height: 26px;}
.interviewlist-bd li p{ display: inline; line-height: 150%; padding: 5px 0 5px 0; margin: 0; text-indent: 28px;}
.interviewlist-bd li .time{ color: #999; line-height: 150%; padding-left: 8px;}

/*访谈问题列表*/
.interviewQuesListPage .askButton{ width: 56px; height: 166px; position: relative; float: right; *display: inline; right: -18px;}
.interviewQuesListPage .askButton a{ position: absolute; width: 24px; text-align: center; right: 0px; top: 0px; border: 1px solid #357ebd; padding: 10px 15px; line-height: 24px; font-size: 16px; border-radius: 5px; color: #fff; background: #428bca;}
.interviewQuesListPage .askButton a:hover{ background-color: #3071a9; border-color: #285e8e; text-decoration: none;}
.interviewQuesListPage .askButton-fixed a{ position: fixed; top: 60px; left: 50%; margin-left: 522px;}
.interviewQuestionList{ position: relative; padding: 10px 20px;}
.interviewQuestionList ul{ overflow: hidden;}
.interviewQuestionList li{ display: block; line-height: 150%; padding: 15px 10px 20px; border-bottom: 1px dashed #ccc;}
.interviewQuestionList li:last-child{ border-bottom: none;}
.interviewQuestionList li:hover{ background: #eff9fe;}
.interviewQuestionList li .ms{ padding-bottom: 5px; height: 30px; font-weight: bold;}
.interviewQuestionList li .ms font{ display: inline-block; background: #9fd5f1; height: 30px; line-height: 30px; border-radius: 15px; padding: 0 12px; color: #fff; margin-right: 10px; font-weight: normal;}
.interviewQuestionList li .ms span{ font-size: 14px; font-weight: normal; padding-left: 10px;}
.interviewQuestionList li p{ color: #666;}
.interviewQuestionList-bot{ padding: 20px 30px 30px;}

/*网友提问*/
.interview-ask-questions{ width: 700px; margin: 20px auto;}
.interview-ask-questions .hd{ height: 20px; line-height: 20px; text-align: right; padding: 10px;}
.interview-ask-questions .hd a{ color: #fff; font-size: 14px;}
.interview-ask-questions .hd a:hover{ text-decoration: underline;}
.interview-ask-questions .bd{ padding: 50px 50px 30px; background: #fff;}
.interview-ask-questions .bd dl{ padding: 5px 0; line-height: 30px;}
.interview-ask-questions .bd dt{ display: block; float: left; width: 90px; font-size: 14px; color: #666; text-align: right; position: relative;}
.interview-ask-questions .bd dt.required:after{ display: block; position: absolute; right: -13px; top: 2px; content: "*"; color: #f00; font-weight: bold;}
.interview-ask-questions .bd dd{ display: block; margin-left: 115px;}
.interview-ask-questions .bd .title h3{ font-size: 22px; font-weight: normal;}
.interview-ask-questions .form-control{ box-sizing: border-box; display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 24px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.interview-ask-questions .ft{ background: #fff; padding: 30px 50px 50px; text-align: center;}
.interview-ask-questions .ft button{ display: inline-block; padding: 8px 16px; margin: 0 4px; font-size: 18px; line-height: 26px; text-align: center; border: 1px solid #357ebd; border-radius: 4px; background: #428bca; color: #fff; font-family: Microsoft YaHei, arial, helvetica, sans-serif;}
.interview-ask-questions .ft button[type="reset"]{ background-color: #5bc0de; border-color: #46b8da;}

/* columnD */
#columnD,#boxQtft,#boxQtft .picList li{ margin: 0;}
#boxQtft .bd{ padding: 20px 0 0;}