@charset "utf-8";
/* CSS Document */

/**********************************************视频点播/音频点播--module-jplayer********************************************/
.jp-video video {
    width: 100%;
    height: 100%;
}
.jp-player-wrap {
  margin: 0 auto 15px;
}
/*全屏*/
div.jp-video-full {
  width: 480px;
  height: 270px;
  position: static !important;
  position: relative;
}
div.jp-video-full div div {
  z-index: 1000;
}
div.jp-video-full div.jp-jplayer {
  top: 0;
  left: 0;
  overflow: hidden;
  position: fixed !important;
  position: relative;
}
div.jp-video-full div.jp-gui {
  position: fixed !important;
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
}
div.jp-video-full div.jp-interface {
  position: absolute !important;
  position: relative;
  bottom: 0;
  left: 0;
}
/********工具条样式*********/
div.jp-interface {
  position: relative;
  width: 100%;
  height: 45px;
}
div.jp-controls-holder {
  clear: both;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  top: 12px;
}
div.jp-controls-holder a {
  text-decoration: none;
}
/*进度条*/
div.jp-progress {
  width: 100%;
  height: 5px;
  overflow: hidden;
  background: #808080;
}
div.jp-seek-bar {
  background: #808080;
  width: 0px;
  height: 100%;
  cursor: pointer;
}
div.jp-play-bar {
  background: #2fceb3;
  width: 0px;
  height: 100%;
  position: relative;
}
/*各种按钮*/
div.jp-bar {
  width: 100%;
  height: 40px;
  background: #000;
  position: relative;
  z-index: 0;
}
div.jp-interface ul.jp-controls, div.jp-interface ul.jp-controls li {
  overflow: hidden;
  display: inline;
  float: left;
}
div.jp-interface ul.jp-controls a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background: url(https://v2.cri.cn/M00/18/72/CqgNOlw0cVyAbAmQAAAAAAAAAAA5606103.player-icon.png) no-repeat;
  margin-top: 0;
  position: absolute;
  top: 0;
}
/*播放暂停*/
div.jp-interface ul.jp-controls a.jp-play, div.jp-interface ul.jp-controls a.jp-pause {
  width: 14px;
  height: 16px;
  position: static;
  margin-left: 25px;
}
div.jp-interface ul.jp-controls a.jp-play {
  background-position: 0 0px;
}
div.jp-interface ul.jp-controls a.jp-pause {
  background-position: -36px 0;
  display: none;
}
/*音量*/
a.jp-mute, a.jp-unmute {
  width: 12px;
  height: 16px;
  right: 122px;
}
.jp-video a.jp-mute, .jp-video a.jp-unmute {
  right:132px;
}

a.jp-volume-max, a.jp-volume-unmax {
  width: 23px;
  height: 16px;
  margin-top: 12px;
  right: 25px;
}
.jp-video a.jp-volume-max, .jp-video a.jp-volume-unmax {
  right: 35px;
}


div.jp-interface ul.jp-controls a.jp-mute {
  background-position: 0 -26px;
}
div.jp-interface ul.jp-controls a.jp-unmute {
  background-position: -38px -26px;
  display: none;
}
div.jp-interface ul.jp-controls a.jp-volume-max {
  background-position: 0 -52px;
}
div.jp-interface ul.jp-controls a.jp-volume-unmax {
  background-position: -27px -52px;
}
/*音量条*/
div.jp-volume-bar {
  position: absolute;
  overflow: hidden;
  background: #fff;
  width: 50px;
  height: 5px;
  cursor: pointer;
  top: 6px;
  right: 60px;
}
.jp-video div.jp-volume-bar {
  right:70px;
}


div.jp-volume-bar-value {
  background: #2fceb3;
  width: 0px;
  height: 5px;
}
/*时间*/
div.time {
  color: #fff;
  font-size: 14px;
  font-family: "Times New Roman", Times, serif;
  position: absolute;
  right: 150px;
  top: 12px;
}
div.jp-current-time {
  float: left;
  display: inline;
  margin-right: 5px;
}
div.jp-duration {
  display: inline;
  margin-left: 5px;
}
div.jp-current-time {
  margin-left: 20px;
}
div.jp-duration {
  margin-right: 20px;
}
/*播放器上*/
div.jp-jplayer {
  background-color: #000000;
}
.video-cover {
  display: none;
}
/*播放器上的大图标*/
div.jp-video-play {
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  background-color: rgba(0,0,0,0);
}
div.jp-video-play, div.jp-video-play {
  margin-top: -360px;
  height: 360px;
}
div.jp-video-full div.jp-video-play {
  height: 100%;
}
a.jp-video-play-icon {
  position: relative;
  display: block;
  width: 112px;
  height: 100px;
  margin-left: -56px;
  margin-top: -50px;
  left: 50%;
  top: 50%;
  text-indent: -9999px;
}
/*全屏按钮*/
ul.jp-toggles {
  list-style-type: none;
  padding: 0;
  overflow: hidden;
  margin:0 10px 0 0;
}
ul.jp-toggles li {
  display: block;
  float: right;
}
ul.jp-toggles li a {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  line-height: 100%;
}
a.jp-full-screen {
  background: url(https://v2.cri.cn/M00/18/72/CqgNOlw0cVyAbAmQAAAAAAAAAAA5606103.player-icon.png) 0 -78px no-repeat;
}
a.jp-restore-screen {
  background: url(https://v2.cri.cn/M00/18/72/CqgNOlw0cVyAbAmQAAAAAAAAAAA5606103.player-icon.png) 0 -78px no-repeat;
}
/*不同宽的视频*/
.video-w480-01, .video-w480-02, .audio-w480 {
  width: 480px;
}
.video-w660-01, .video-w660-02, .audio-w660 {
  width: 660px;
}
.video-w980-01, .video-w980-02, .audio-w980 {
  width: 980px;
}
.video-w320-01, .audio-w320 {
  width: 320px;
}
/*4:3*/
.video-w480-01 .jp-jplayer {
  width: 480px;
  height: 360px;
}
.video-w660-01 .jp-jplayer {
  width: 660px;
  height: 495px;
}
.video-w980-01 .jp-jplayer {
  width: 980px;
  height: 735px;
}
.video-w480-01 div.jp-video-play, div.jp-video-play {
  margin-top: -360px;
  height: 360px;
}
.video-w660-01 div.jp-video-play, div.jp-video-play {
  margin-top: -495px;
  height: 495px;
}
.video-w980-01 div.jp-video-play, div.jp-video-play {
  margin-top: -735px;
  height: 735px;
}
/*移动端*/
.video-w320-01 .jp-jplayer {
  width: 320px;
  height: 240px;
}
.video-w320-01 div.jp-video-play, div.jp-video-play {
  margin-top: -240px;
  height: 240px;
}
/*16:9*/
.video-w480-02 .jp-jplayer {
  width: 480px;
  height: 270px;
}
.video-w660-02 .jp-jplayer {
  width: 660px;
  height: 370px;
}
.video-w980-02 .jp-jplayer {
  width: 980px;
  height: 550px;
}
.video-w480-02 div.jp-video-play, div.jp-video-play {
  margin-top: -270px;
  height: 270px;
}
.video-w660-02 div.jp-video-play, div.jp-video-play {
  margin-top: -370px;
  height: 370px;
}
.video-w980-02 div.jp-video-play, div.jp-video-play {
  margin-top: -550px;
  height: 550px;
}
.video-w1200-01 .jp-jplayer {
  width: 1200px;
  height: 700px;
}
.video-w1200-01 div.jp-video-play, div.jp-video-play {
  margin-top: -700px;
  height: 700px;
}
/**********************************************视频直播/音频直播--module-mms********************************************/
/*音频直播*/
.media-w320-02, .media-w660-01 embed {
  width: 320px;
  height: 45px;
}
.media-w320-03, .media-w660-01 embed {
  width: 320px;
  height: 65px;
}
/*4:3*/
.media-w480-01, .media-w480-01 embed {
  width: 480px;
  height: 360px;
}
.media-w660-01, .media-w660-01 embed {
  width: 660px;
  height: 495px;
}
.media-w980-01, .media-w660-01 embed {
  width: 980px;
  height: 735px;
}
.media-w320-01, .media-w660-01 embed {
  width: 320px;
  height: 240px;
}
/*16:9*/
.media-w480-02, .media-w480-02 embed {
  width: 480px;
  height: 270px;
}
.media-w660-02, .media-w660-02 embed {
  width: 660px;
  height: 370px;
}
.media-w980-02, .media-w980-02 embed {
  width: 980px;
  height: 550px;
}
/**********************************************视频点播+列表********************************************/
.play-wrap {
  width: 980px;
  height: 415px;
  overflow: hidden;
}
.play-box {
  width: 660px;
  float: left;
  margin-right: 4px;
}
.play-list {
  width: 316px;
  float: left;
  background: #000;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.media-list02 li {
  height: 73px;
  padding: 10px 15px 5px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #000;
  font-size: 16px;
  line-height: 27px;
  font-weight: bold;
  float: left;
  width: 286px;
}
.media-list02 li.last {
  border-bottom: 1px solid #4d4d4d;
}
.media-list02 li.hover {
  background: #4d4d4d;
  border-bottom: 1px solid #252525;
}
.media-list02 li a {
  color: #fff;
}
.media-list02 li.hover a {
  color: #2fceb3;
}
.media-list02 li div.more-info {
  color: #a4a4a4;
  text-align: right;
  line-height: 21px;
}
.media-list02 li div.more-info a {
  color: #a4a4a4;
  font-size: 12px;
  font-weight: normal;
}
.media-list02 li span {
  color: #2fceb3;
  margin-right: 10px;
}
.play-list span.more {
  position: absolute;
  bottom: 10px;
  right: 0;
  margin-right: 20px;
  margin-top: 10px;
}
.play-list .more a {
  color: #fff;
}
.video-src, .video-cover {
  display: none;
}

/**********************************************iframe嵌入--iframe-wrap********************************************/
.iframe-wrap {
  overflow: auto;
}
.iframe-wrap, .iframe-wrap iframe {
  width: 100%;
}