@charset "UTF-8";
.video-wrapper { width: 100%; height: 436px; display: inline-block; background: url(../images/video-bg.jpg) no-repeat; background-size: 100% 100%; }

.video-wrapper .video-container { margin: 0 auto; position: relative; width: 1000px; clear: both; }

.video-wrapper .video { width: 780px; height: 436px; float: left; background-color: #000; position: relative; }

.video-wrapper .video-list { width: 220px; height: 436px; float: right; background: #262626; overflow-y: auto; overflow-x: hidden; position: relative; }

.video-wrapper .video-list li { padding: 13.5px 10px 8px; height: 50px; border-bottom: 1px solid #3F3F3F; color: #fff; font-size: 16px; font-family: "Microsoft YaHei"; cursor: pointer; position: relative; }

.video-wrapper .video-list li.active { /*padding: 20px 10px 8px;*/ }

.video-wrapper .video-list li.active .video-icon-play { background: url(../images/icon-play-active.png) no-repeat; }

.video-wrapper .video-list li.active .icon-share { /*display: block;*/ }

.video-wrapper .video-list .video-icon-play { width: 44px; height: 44px; float: left; margin-right: 10px; background: url(../images/icon-play.png) no-repeat; }

.video-wrapper .video-list .video-list-title { height: 45px; overflow: hidden; }

.video-wrapper .video-list .icon-share { width: 12px; height: 12px; position: absolute; right: 10px; bottom: 12px; background: url(../images/video-share.png) no-repeat; background-size: cover; z-index: 10; display: none; }

.wrapper.content { margin-top: -5px; padding-top: 30px; }

.content-list-nav { width: 100%; border-top: 1px solid #184C91; clear: both; background-color: #f5f5f5; *zoom: 1; }

.content-list-nav:before, .content-list-nav:after { content: ""; display: table; clear: both; }

.content-list-nav .nav-list { float: left; clear: both; font-size: 16px; color: #333; line-height: 50px; }

.content-list-nav .nav-list li { float: left; padding: 0 19px; cursor: pointer; }

.content-list-nav .nav-list li a { color: #333; text-decoration: none; }

.content-list-nav .nav-list li.active { background-color: #184C91; }

.content-list-nav .nav-list li.active a { color: #fff; }

.content-list-nav .nav-more { float: right; line-height: 40px; color: #0a7bf5; position: relative; cursor: pointer; padding-right: 10px; }

.content-list-nav .nav-more.active .triangle-tip { display: inline-block; display: none\9; *display: none; }

.content-list-nav .nav-more.active .nav-other { display: inline-block; }

.content-list-nav .nav-more.active .icon-triangle { border-bottom: 8px solid #0a7bf5; border-top: none; }

.icon-triangle { display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #0a7bf5; vertical-align: middle; margin-left: 5px;position: absolute;right: 20px;top: 35px; }

.nav-other { position: absolute; right: 0; top: 48px; font-size: 16px; color: #333; line-height: 30px; z-index: 1000; width: 100px; background-color: #fff; border: 1px solid #0a7bf5; display: inline-block; display: none; }

.nav-other li { padding: 0 10px; }

.nav-other li a { color: #333; text-decoration: none; }

.nav-other li:hover { background-color: #ededed; }

.nav-other li:hover a { color: #ff4900; }

.guest-list { position: relative; }

.guest-list li { *zoom: 1; padding: 10px 0; font-family: "Microsoft YaHei"; }

.guest-list li + li { border-top: 1px solid #DEDEDE; }

.guest-list li:before, .guest-list li:after { content: " "; display: table; clear: both; }

.guest-list li .guest-portrait { float: left; margin-right: 10px; }

.guest-list li .guest-portrait img { width: 87px; height: 102px; }

.guest-list li .guest-name { font-size: 16px; color: #333; font-weight: bold; margin-top: -3px; }

.guest-list li .guest-name a { color: #333; }

.guest-list li .guest-job { font-size: 14px; color: #333; line-height: 25px; }

.guest-list li .guest-intro { font-size: 12px; color: #474747; height: 53px; padding-top: 5px; overflow: hidden; }

@font-face { font-family: VideoJS; src: url(./font/vjs.eot); src: url(./font/vjs.eot?#iefix) format("embedded-opentype"), url(./font/vjs.woff) format("woff"), url(./font/vjs.ttf) format("truetype"); font-weight: 400; font-style: normal; }

.icon-videoPlay { left: 50%; margin-left: -2.1em; top: 50%; margin-top: -1.4000000000000001em; font-size: 30px; /*font-size: 3em;*/ display: block; z-index: 2; position: absolute; width: 4em; height: 2.6em; text-align: center; vertical-align: middle; cursor: pointer; opacity: 1; background-color: #07141e; background-color: rgba(7, 20, 30, 0.7); border: .1em solid #3b4249; border-radius: .8em; box-shadow: 0 0 1em rgba(255, 255, 255, 0.25); -webkit-transition: all .4s; transition: all .4s; *border: 0; }

.icon-videoPlay:hover { outline: 0; border-color: #fff; background-color: #505050; background-color: rgba(50, 50, 50, 0.75); box-shadow: 0 0 3em #fff; -webkit-transition: all 0s; transition: all 0s; }

.icon-videoPlay:before { content: "▶"; font-family: VideoJS; line-height: 2.6em; text-shadow: .05em .05em .1em #000; text-align: center; position: absolute; left: 0; width: 100%; height: 100%; color: #fff; }

.stbui-vjs-big-play-button { display: none !important; }