@charset "utf-8";
/* CSS Document */
.block8 { width: 100%; float: left; margin-top: 18px; }
.block-title8 { font-size: 20px; color: #333; }
.block-title8 span { font-size: 14px; color: #666; }
.block-video8 { width: 100%; height: 600px; position: relative; }
/*播放器样式*/
@media (min-width: 1200px) {
    .block-player8 { width: 100%; height: 100%; float: left; color: #fff; text-align: center; background-color: #292929; }
}

@media (max-width: 1199px) and (min-width: 769px) {
    .block-player8 {
    height:400px;
    width: 100%;
    color: #fff; text-align: center; background-color: #292929; 
    }
    
}

@media (max-width: 991px) and (min-width: 768px) {
   .block-player8 {
    height:300px;
    width: 100%;
    color: #fff; text-align: center; background-color: #292929; 
    }
}

@media (max-width: 769px) {
    .block-player8 {
    height:240px;
    width: 100%;
    color: #fff; text-align: center; background-color: #292929; 
    }
}
/* .block-playlist8 { width: 294px; height: 600px; float: left; padding-left: 26px; background-color: #292929; position: relative; overflow-y: auto; } */
/* .playlist-title8 { line-height: 24px; font-size: 18px; color: #fff; background-color: #292929; padding: 26px 0 20px 26px; } */
/* .block-playlist8 ul li { float: left; height: 40px; width: 40px; cursor: pointer; position: relative; } */
/* .block-playlist8 .li-right1 { height: 38px; width: 38px; border-radius: 60px; border: 1px solid #f5f5f5; display: flex; justify-content: center; align-items: center; } */
/* .block-playlist8 .play-li-check { background-color: #2b99d9; } */
/* .block-playlist8 .play-li-hover { border-radius: 60px; width: 40px; height: 40px; left: 0px; top: 0px; background-color: #f5f5f5; position: absolute; display: none; } */
/* .block-playlist8 .play-li-hover i { width: 12px; height: 14px; display: block; background: url(../../Images/IconList.png) -222px -46px no-repeat; margin: 13px 0 0 16px; } */
/* .block-playlist8 ul li a { color: #fff; } */
/* .block-playlist8 .li-hover2 { float: left; background-color: #4F4F4F; }
.block-player8-open i { background-position: -320px -24px !important; }
.block-player8-close i { background-position: -301px -24px !important; }
.block-player8-ico i { background: url(../../Images/IconList.png) no-repeat; width: 8px; height: 14px; display: block; }
.block-player8-ico { cursor: pointer; z-index: 100; position: absolute; right: 310px; top: 293px; }
.Title-Left4 { width: 100%; float: left; }
.Title-Left4 i { display: block; width: 4px; height: 23px; float: left; background-color: #2b99d9; margin-top: 5px; }
.Title-Left4 span { font-size: 16px; float: left; margin-left: 13px; font-weight: bold; line-height: 32px; color: #cccccc; } */
/* 
.video-list-box span:first-child {width: 720px;display: block;    float: left; }
.video-list-box .li-duration {float: right;margin-right: 10px; } */
/*滚动条*/
/* .out { width: 294px; height: 554px; overflow: hidden; position: relative; }
.inner { width: 294px; height: auto; margin: 0px auto; }
.inner:after { content: ""; display: block; clear: both; }
.scrollbar { width: 6px; height: 600px; background: #5E5E5E; border-radius: 20px; position: absolute; right: 0; top: 0; }
.scrollbtn { width: 100%; height: 50px; background: #848484; border-radius: 20px; position: absolute; }
.block-content1 { padding: 30px 90px; width: 740px; height: 1084px; overflow: hidden; }
.block-content1 img { max-width: 740px; width: expression(this.width > 740 && this.width > this.height ? 740 : auto); } */
/*页面评论区域样式*/
/* .pagecon-con3 { width: 100%; float: left; overflow: hidden; margin-top: 8px; }
.CommentDiv { border-left: 2px solid #e2e2e2; border-right: 2px solid #e2e2e2; border-top: 2px solid #e2e2e2; border-bottom: 0; }
.CommentTextArea { width: 1126px; height: 71px; resize: none; padding: 10px 5px 5px 5px; border: 0; line-height: 20px; color: #a6a6a6; }
.UserLoginDiv { width: 1136px; height: 46px; border-left: 2px solid #e2e2e2; border-right: 2px solid #e2e2e2; border-bottom: 2px solid #e2e2e2; border-top: 1px solid #e2e2e2; }
.LoginCSS { float: left; margin-top: 10px; line-height: 24px; padding-left: 10px; }
.Input_Text3 { float: left; width: 118px; height: 24px; padding: 0 5px; border: 1px solid #CACBCB; margin-right: 10px; }
.Input_Text4 { width: 58px; height: 24px; padding: 0 5px; border: 1px solid #CACBCB; }
.PubInfoBtnCSS { margin: 10px 10px 0 0; float: right; }
.Input_Btn1 { border: none; float: left; width: 86px; height: 26px; color: #fff; font-size: 12px; background-color: #009EEB; border-radius: 2px; cursor: pointer; }
.CommentsTitle { border-bottom: 2px solid #009EEB; margin-top: 30px; height: 25px; }
.CommentsTitle span { font-size: 14px; color: #7f7f7f; }
.CommentsContent { height: 114px; border-bottom: 1px dashed #e2e2e2; }
.CommentsContent .contentInfo { float: left; width: 100%; }
.CommentsContent .UserHead { width: 52px; float: left; margin: 20px 10px 0 0; }
.CommentsContent .CommentMainInfo { margin-top: 27px; }
.CommentsContent .CommentUserName { color: #249ff1; margin-right: 10px; } */
/*页面顶/踩样式*/
/* .CommentsUp { background: url(../../Images/LittleImg.png) 0px 0px no-repeat; width: 13px; height: 14px; display: block; margin: 2px; }
.CommentsDown { background: url(../../Images/LittleImg.png) -23px 0px no-repeat; width: 13px; height: 14px; display: block; margin: 2px 2px 0 8px; }
.CommentsShare { background: url(../../Images/LittleImg.png) -46px 0px no-repeat; width: 13px; height: 14px; display: block; margin: 2px 0 0 8px; cursor: pointer; }
.CommentsBottom { float: right; color: #e60012; }
.CommentsBottom span { float: left; } */
/*分享样式*/
/* .ShareBox { width: 22px; height: 21px; display: block; float: right; cursor: pointer; background: url(../../Images/ico4.png) 0px 0px no-repeat; margin: 14px 20px 0 0; } */
/*复制视频路径*/
/* .CopyBox { float: right; width: 114px; line-height: 18px; margin: 14px 10px 0 0; }
.CopyBox input { float: left; width: 240px; height: 17px; border-right: none; border: 1px solid #ccc; }
.CopyBtn { color: #ffffff; background-color: #2b99d9; border: 0px; font-size: 12px; padding: 2.5px; float: left; cursor: pointer; }
#imgtest { height: auto; width: 840px; margin: 0 auto; position: absolute; }
#imgtest ul { position: relative; width: 840px; height: auto; background: #00F; }
#imgtest ul li { position: relative; height: 276px; width: 410px; list-style: none; float: left; margin: 3px; border: 1px solid #999; } */