@charset "UTF-8";
/**
 * 周报 样式
 * @authors guotong
 * @date    2015-07-09 15:32:02
 */

/* 公共基础 */
body{ background: #f4f4f4; font-family:microsoft yahei,simsun; }
.wk-head{ width: 960px;}
/* 面包屑导航*/
ul.breadcrumb{height: 20px;  width: 960px; margin: 100px auto 10px; color: #666; padding: 1px; }
ul.breadcrumb li.nav-icon{ background: url(/images_1405/weiqi/breadcrumb.png) no-repeat; width: 19px; height: 19px; float: left; margin-right: 5px;}
ul.breadcrumb li.breadcrumb-item{ float: left; height: 20px; line-height: 20px; }
ul.breadcrumb li.breadcrumb-item a,ul.breadcrumb li.breadcrumb-item span{ padding:0 5px; color: #666;}
ul.breadcrumb li.breadcrumb-item a:hover,
ul.breadcrumb li.breadcrumb-item a.active{  color: #ff7e00; }

/*视频*/
.videoBox { width: 960px; margin: 0 auto; background-color: #fff;}
/*视频 - 播放界面*/
.videoplayer{ position: relative; background-color: #5c8fc8; font-size: 12px; line-height: 22px; height: 562px;}
.videoplayer .lSide{ float: left; height: 562px; width: 960px; margin-bottom: 10px; background-color: #000000;}
.videoplayer .lSide .pl_tit{ position: relative; height: 40px; background-color: #000; padding: 0 20px;}
.videoplayer .lSide .pl_tit h2 { float: left; color: #F2F2F2; font-size: 20px; height: 40px; line-height: 40px; }
.videoplayer .lSide .player{ height: 522px;}

/*视频 - 播放列表*/
.thumbList{ width: 960px; height: 140px; padding-top: 10px; position: relative;}
.thumbList .scrollArea { width: 860px; height: 120px; overflow: hidden; margin: 10px 50px;}
.thumbList .scrollArea ul{ width: 99999px; }
.thumbList .scrollArea .playLists { color: #666;  float: left;  cursor: pointer;  margin: 0 8px;  height: 120px;  display: block;}
.thumbList .scrollArea .playLists:hover img,
.thumbList .scrollArea .current img{ border: 4px solid #ff7e00 !important; }
.thumbList .scrollArea .playLists:hover .intro,
.thumbList .scrollArea .current .intro{ color:#ff7e00; }
.thumbList .scrollArea .playLists img{ height: 80px; border: 4px solid #ccc; margin: 0 auto; display: block; width: 263px; }
.thumbList .scrollArea .playLists .intro{ font-size: 14px; display: block; width: 100%; height: 30px; line-height: 30px; z-index: 10; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center;  }
.thumbList .playPrev{ position: absolute; height: 40px; width: 15px; left: 15px; text-indent: -4px; background: url(../../images_1405/chupin/weekly/prev-btn.png) 0 41px; top: 40px; }
.thumbList .playNext{ position: absolute; background: url(../../images_1405/chupin/weekly/next-btn.png) 0 41px; text-indent: -4px; height: 40px; width: 15px; right: 15px; top: 40px;}
.thumbList .playPrev:hover,.thumbList .playNext:hover{ background-position: 0 0;}
/* 操作*/
.opearte{ width: 950px; height: 45px; margin: 0 auto; background: #e3e3e3; padding-left: 10px;}
.opearte li a{ font-size: 14px; color: #666; display: block; height: 42px;line-height: 42px;}
.opearte li{line-height: 42px; height: 42px; border-top: 3px solid #e3e3e3; }
.opearte .share{ float: left; width: 60px; padding-left: 15px;   } 
.opearte .share a{ background: url(../../images_1405/chupin/weekly/share.png) no-repeat 33px 12px; padding-right: 25px; }
.opearte .comment{ float: left; width: 60px; padding-left: 15px;  } 
.opearte .comment a{ background: url(../../images_1405/chupin/weekly/comment.png) no-repeat 35px 12px; padding-right: 25px; }

.opearte .focus{ float: right; width: 120px; position: relative;  }
.opearte .focus span{  cursor: pointer; font-size: 14px; color: #666; display: block; height: 42px;line-height: 42px;  background: url(../../images_1405/chupin/weekly/focus.png) no-repeat 0px 12px; padding-left: 20px; margin-left: 10px; }
.opearte .focus .drop_down { top: 42px; display:none; width:280px; height:115px; margin-left:-1px; background: #ffffff url(../../images_1405/chupin/weekly/VV_music_downLoad.jpg) no-repeat 14px 11px; position:absolute; z-index:100; border:solid #e2e2e2; border-width:0 1px 1px;}
.opearte .focus .drop_down a { display:inline-block; height:50px; line-height:50px; margin-left:127px; color:#666666;}
.opearte .focus .drop_down a:hover {color:#70a815;}
.opearte .focus .drop_down h3 { font-size:18px; font-weight:bolder; height:24px; line-height:24px; margin-left:148px;}


.opearte .focus .QRC{ position: absolute; display: none;  z-index: 10;  width: 279px; height: 118px; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #fff; top: 42px;}
.opearte .focus .QRC img{ margin-top: 10px; margin-left: 15px; }

.opearte .live{ float: right; width: 150px; padding-left: 10px;}
.opearte .live a{  background: url(../../images_1405/chupin/weekly/focus.png) no-repeat 0 12px;  padding-left: 20px;}

.opearte .share:hover,
.opearte .comment:hover,
.opearte .focus:hover{ height: 43px; border-top: 3px solid #70a815; background: #fff; }
/* 周报信息 */
.videoIfom{ width: 920px; margin: 0 auto; background: #fff;  padding:20px; }
.videoIfom .intro{ margin: 0 20px; padding: 0 10px;}
.videoIfom .intro .title{ font-size: 22px; color: #ff7e00; line-height: 50px;}
.videoIfom .intro .intro-cont{ text-indent: 2em; line-height: 25px; font-size: 14px; color: #666;}
/*周报列表*/
.videoIfom .weeklyList{ margin: 20px;}
.videoIfom .weeklyList .years{ height: 30px; overflow: hidden; line-height: 30px; text-align: center;  color: #fff; padding: 0 10px;}
.videoIfom .weeklyList .years li{float: left;  width: 80px;  margin-right: 10px; cursor: pointer; }
.videoIfom .weeklyList .years .years-item{  background: #c0c0c0; }
.videoIfom .weeklyList .years .years-active,
.videoIfom .weeklyList .years-item:hover{ background: #ff7e00; }
.videoIfom .weeklyList .weeklies{ margin-top: 10px; overflow: hidden; line-height: 30px; text-align: center; font-size: 14px; width: 880px;}
.videoIfom .weeklyList .weeklies li{ float: left; cursor: pointer; margin: 5px 10px; line-height: 28px; }
.videoIfom .weeklyList .weeklies li a{ display: block; width: 181px;height: 26px; text-align: left; padding-left: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.videoIfom .weeklyList .weeklies .week{ width: 196px; border: 2px solid #ccc;  height: 26px; color: #666;  }
.videoIfom .weeklyList .weeklies .active,
.videoIfom .weeklyList .weeklies .week:hover{ width: 196px; border: 2px solid #ff7e00;  color:#ff7e00; height:26px;  }
.videoIfom .weeklyList .weeklies .active a{ color:#ff7e00;}
/*评论模块*/
.commentArea{ width: 920px; margin:10px auto; background:#fff; padding: 20px;}
.commentArea .title{ font-size: 22px; color: #ff7e00; line-height: 50px; margin: 0 30px; }
.commentArea  #vv_comment{ width: 860px;margin:10px auto;  }
.commentArea  .talk_box { height:300px; min-height:300px; }
.commentArea  .cmt_modelAdd{ display: none; }