@charset 'utf-8';

#content{position: static;}
/* interviewSideBox */


.interviewSideBox .hd {line-height: 39px;  height: 39px; padding: 0 15px; background: #e7a360;}
.interviewSideBox .hd h3 {font-size: 16px;  float: left; color: #fff; _display: inline;}
.interviewSideBox .hd h3 a { color: #fff;}
.interviewSideBox .hd .more {font-size: 14px;  float: right; color: #fbd9c9; _display: inline;}
.interviewSideBox .bd {padding: 10px 20px;  background: #fbf9e7;}

/*最新访谈*/
.interview-last {overflow: hidden;  padding-top: 10px;}
.interview-last li {font-size: 14px; line-height: 160%;  display: block; float: left; width: 292px; margin: 0 24px; padding: 20px 26px;}
.interview-last .pic img {width: 290px; height: 215px;  border: 1px solid #fff;}
.interview-last .detail dl {padding-top: 7px;  padding-bottom: 7px; border-bottom: 1px dashed #ccc;}
.interview-last .detail dl:last-child { border-bottom: none;}
.interview-last .detail dt {font-weight: bold;  float: left; width: 45px; text-align: right;}
.interview-last .detail dd { margin-left: 55px; text-align: justify; text-justify: inter-word; word-break: break-all;}
.interview-last .link {padding: 15px 10px 10px;  text-align: right;}
.interview-last .link a { color: #e7a360;}
.interview-last li:hover {color: #fff;  background: #e7a360;}
.interview-last li:hover a { color: #fff;}
.interview-last li:hover a:hover { text-decoration: underline;}

/*访谈列表*/
.interview-list { padding: 0 5px 15px;}
.interview-list .tit ,.interview-content .tit {line-height: 40px;  height: 40px; border-bottom: 2px solid #dcdcdc;}
.interview-list .tit h3 ,.interview-content .tit h3 {font-size: 20px; font-weight: normal;  float: left; height: 40px; padding: 0 20px; color: #e7a360; border-bottom: 2px solid #e7a360;}
.interview-list .tit .more ,.interview-content .tit .more {font-size: 14px;  float: right; padding-right: 10px;}
.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 li {line-height: 36px;  display: block; height: 36px; padding: 0 10px;}
.interview-list .con li:nth-child(5n) {margin-bottom: 10px;  padding-bottom: 10px; border-bottom: 1px dashed #ccc;}
.interview-list .con li:last-child { border-bottom: none;}
.interview-list .con li a {line-height: 36px;  display: block; float: left; height: 36px; padding-left: 15px; background: url(../../base/img/dot02.png) left center no-repeat;}
.interview-list .con li span {font-size: 14px;  float: right; color: #999;}
.interview-list .con li em {font-style: normal;  color: #009300;}
.interview-list .bot { padding-left: 30px;}

/*访谈内容*/
.interviewCon { padding: 10px 10px 0;}
.interviewCon .interviewConTit {font-size: 32px; font-weight: normal; line-height: 42px; margin-bottom: 20px;  padding: 10px 20px; text-align: center; color: #e7a360; border: 1px solid #eaeaea; background-color: #fafafa;}
.interviewCon .column { overflow: hidden; margin-bottom: 20px;}
.interviewCon .box .hd h3 { padding: 0 20px; color: white;}

/* 内容页-详细信息 */
#columnA .pic {position: relative; z-index: 1400; float: left; overflow: hidden;  width: 500px; max-height: 400px; _display: inline;}
#columnA .pic img { width: 500px; height: auto; max-height: 400px;}
#columnA .detail {float: right;  width: 640px; _display: inline;}
#columnA .detail dl {font-size: 16px; line-height: 28px; overflow: hidden;  margin-bottom: 10px;}
#columnA .detail dt {font-weight: bold;  float: left; width: 50px; _display: inline;}
#columnA .detail dd.detailIntro { min-height: 112px;}
#columnA .detail .detailAsk a { color: #c00;}
#columnA .detail .detailAsk a:hover { text-decoration: underline;}
#columnA .detail .detailPolicy {margin-top: 15px; padding-top: 10px;  border-top: 1px dashed #c9c9c9;}
#columnA .detail .detailPolicy .infoList a { color: #054d88;}
#columnA .detail .detailPolicy .infoList a:hover { color: #c00;}

/* 内容页-精彩观点、嘉宾风采 */
#columnB .box {float: left;  width: 570px; margin-bottom: 0; _display: inline;}
#columnB #boxJbfc { float: right;}
#boxJcgd .bd li {float: left;  width: 270px; margin: 0 5px; _display: inline;}
#boxJbfc .bd {padding-right: 0;  padding-left: 0;}
#boxJbfc .bd .picListFl li { width: 31.33%;}

/* 内容页-相关视频、背景资料、图解 */
#columnC .areaL {float: left;  width: 300px; _display: inline;}
#columnC .areaR {float: right;  width: 840px; _display: inline;}


#boxXgsp .hd { background: #c01e32;}
#boxXgsp .hd .more { color: #ffa6b1;}
#boxXgsp .bd {min-height: 170px;  background: #f7feff;}


#boxBjzl .bd { min-height: 170px;}


#boxTj .hd { background: #09a3e3;}
#boxTj .hd .more { color: #aee7ff;}
#boxTj .bd {min-height: 250px; padding-top: 20px;  background: #f7feff;}
#boxTj .bd ul { overflow: hidden; zoom: 1; width: 260px; margin: 0 auto;}
#boxTj .bd ul li {overflow: hidden;  width: 100%; margin-bottom: 20px; text-align: center;}
#boxTj .bd ul li .pic { overflow: hidden;}
#boxTj .bd ul li .pic img { width: 100%; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; transition: 200ms;}
#boxTj .bd ul li .title { font-size: 16px; max-height: 56px; padding-top: 8px;}
#boxTj .bd ul li:hover .pic img {-webkit-transform: scale(1.05, 1.05);  -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);}

/* 内容页-文字实录 */


#boxWzsl .bd {overflow-y: auto;  max-height: 920px; 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 {font-size: 14px;  display: inline-block; padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; background: #fff;}
#boxWzsl .loading-more button:hover { color: #333; border-color: #adadad; background-color: #e6e6e6;}
#boxWzsl .bot {padding: 5px 30px;  text-align: right;}
#boxWzsl .bot a { color: white;}
#boxWzsl .bot a:hover { color: #fafafa;}

/* 内容页-其它 */
#columnD { margin-bottom: 0;}
#boxQtft { margin-bottom: 0;}
#boxQtft .bd { padding: 20px 0 0;}
#boxQtft .bd ul { width: 1200px;}
#boxQtft .bd li { display: block; float: left; width: 260px; margin-right: 40px; text-align: center;}
#boxQtft .bd li img { width: 260px; height: auto;}
#boxQtft .bd li span {font-size: 16px;  display: block; padding-top: 8px; text-align: center;}

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

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

/* 相关信息页 - 图片 */
.picPageList {overflow: hidden;  margin-right: -20px; text-align: center;}
.picPageList li {position: relative; display: inline; float: left; overflow: hidden; width: 273px; margin: 0 20px 20px 0;  border: 1px solid #ddd; background: #fff;}
.picPageList .pic { margin: 3%;}
.picPageList .pic img {width: 100%;  height: auto;}
.picPageList .title ,.picPageList .titleBg {line-height: 28px;  position: absolute; z-index: 3; bottom: 0; left: 0; display: block; overflow: hidden; width: 94%; height: 28px; margin: 3%; padding: 5px 0; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; color: #fff;}
.picPageList .titleBg {z-index: 2; opacity: .6;  background: #000; filter: alpha(opacity=60);}
.picPageList .title a {font-size: 14px; display: block; padding: 0 10px;  color: #fff;}
.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 {overflow: hidden;  margin-right: -20px; text-align: center;}
.vedioPageList li {display: inline;  float: left; width: 273px; margin: 0 20px 20px 0;}
.vedioPageList .pic {position: relative; border: 1px solid #ddd;  background: #fff;}
.vedioPageList .pic a { display: block; overflow: hidden; margin: 3%;}
.vedioPageList .pic .ico { position: absolute; top: 50%; left: 50%; display: none; width: 62px; height: 62px; margin-top: -31px; margin-left: -31px; opacity: .8; background: url(../../base/img/playbutton.png) 0 0 no-repeat; filter: alpha(opacity=80);}
.vedioPageList .pic img {width: 100%;  height: auto; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms;}
.vedioPageList .title {font-size: 14px; line-height: 24px;  overflow: hidden; height: 48px; padding-top: 5px; padding-left: 25px; text-align: left; background: url(../../base/img/icons.png) 0 -2218px no-repeat;}


.vedioPageList .pic:hover { border-color: #bbb;}
.vedioPageList .pic:hover img {-webkit-transform: scale(1.05, 1.05);  -moz-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);}

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

/*访谈问题列表*/
.interviewQuesListPage .askButton {position: relative; right: -18px; float: right;  width: 56px; height: 166px; _display: inline;}
.interviewQuesListPage .askButton a {font-size: 16px; line-height: 24px;  position: absolute; top: 0; right: 0; width: 24px; padding: 10px 15px; text-align: center; color: #fff; border: 1px solid #e7a360; border-radius: 5px; background: #e7a360;}
.interviewQuesListPage .askButton a:hover {text-decoration: none; border-color: #db8d40;  background-color: #db8d40;}
.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 {line-height: 150%;  display: block; padding: 15px 10px 20px; border-bottom: 1px dashed #ccc;}
.interviewQuestionList li:last-child { border-bottom: none;}
.interviewQuestionList li:hover { background: #fafafa;}
.interviewQuestionList li .ms {font-weight: bold; height: 30px;  padding-bottom: 5px;}
.interviewQuestionList li .ms font {font-weight: normal; line-height: 30px;  display: inline-block; height: 30px; margin-right: 10px; padding: 0 12px; color: #fff; border-radius: 15px; background: #9fd5f1;}
.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 {line-height: 20px;  height: 20px; padding: 10px; text-align: right;}
.interview-ask-questions .hd a {font-size: 14px;  color: #fff;}
.interview-ask-questions .hd a:hover { text-decoration: underline;}
.interview-ask-questions .bd { padding: 50px 50px 30px; background: #fff;}
.interview-ask-questions .bd dl {line-height: 30px;  padding: 5px 0;}
.interview-ask-questions .bd dt {font-size: 14px; position: relative;  display: block; float: left; width: 90px; text-align: right; color: #666;}
.interview-ask-questions .bd dt.required:after {font-weight: bold; position: absolute; top: 2px; right: -13px;  display: block; content: '*'; color: #f00;}
.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 {font-size: 14px; line-height: 24px; display: block;  box-sizing: border-box; width: 100%; padding: 6px 12px; color: #555; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; background-image: none; -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 .codeinp .form-control { width: 200px;}
.interview-ask-questions .codeinp .form-control ,.interview-ask-questions .validationcode { float: left;}
.interview-ask-questions .validationcode { position: relative; top: 6px; left: -105px;}
.interview-ask-questions .ft {padding: 30px 50px 50px; text-align: center;  background: #fff;}
.interview-ask-questions .ft button {font-family: Microsoft YaHei, arial, helvetica, sans-serif; font-size: 18px; line-height: 26px;  display: inline-block; margin: 0 4px; padding: 8px 16px; text-align: center; color: #fff; border: 1px solid #357ebd; border-radius: 4px; background: #428bca;}
.interview-ask-questions .ft button[type='reset'] {border-color: #46b8da;  background-color: #5bc0de;}