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

/* 培训视频 */
.video_war{width:1200px; height:auto; margin:0 auto; padding:30px 0;}
.video_war .vi_choice p span{display:block; float:left; line-height:40px;}

.video_war .vi_choice select{width:260px;border:1px solid #cccccc;padding-left:20px;height:40px;line-height:40px;appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari 和 Chrome */ float:left;}
.video_war .vi_choice  select:hover{border:1px solid #ff7e00}
.video_war .vi_choice p span:last-child{margin-left:10px;}

.video_war .vi_listwar{ width:1200px; height:auto; margin-top:40px}
.video_war .vi_listwar .vi_listleft,.video_war .vi_listwar .vi_listright{border:1px solid #e5e5e5; min-height:600px;}
.video_war .vi_listwar .vi_listleft{width:400px;float:left}
.video_war .vi_listwar h4{height:40px;line-height:40px;color:#FFF;background:#323232; text-align:center;font-size:16px;}

.video_war .vi_listwar .vi_listleft .vi_listlesub{width:290px;margin:0 auto; line-height:18px;margin-top:30px; min-height:400px;}
.video_war .vi_listwar .vi_listleft .vi_listlesub p{ line-height:36px; cursor:pointer;}
.video_war .vi_listwar .vi_listleft .vi_listlesub p span{ display:block; float:left}
.video_war .vi_listwar .vi_listleft .vi_listlesub p span img{margin-right:10px;}
.video_war .vi_listwar .vi_listleft .vi_listlesub p span:last-child{ float:right;}
.color_66{color:#999999}


.video_war .vi_listwar .vi_listleft .vi_duration{width:370px;height:100px;border-top:1px solid #e5e5e5; margin-top:30px; line-height:36px; padding-left:30px;}
.video_war .vi_listwar .vi_listleft .vi_duration p:first-child{ margin-top:10px;}

.video_war .vi_listwar .vi_listright{width:750px;float:right}
.video_war .vi_listwar .vi_listright .vi_watch{width:680px; margin:20px auto; min-height:300px;}
.video_war .vi_listwar .vi_listright .vi_hint{width:680px; margin:20px auto; border:1px solid #229fff; background:#e3f1ff; height:100px; line-height:24px;}
.video_war .vi_listwar .vi_listright .vi_hint p{text-indent:2em;}

.video_war .vi_listwar .vi_listright .vi_wagain a{width:280px;height:42px; line-height:42px;color:#FFF;font-size:16px; background:#229fff; display:block; text-align:center; margin:40px auto;}
.video_war .vi_listwar .vi_listright .vi_wagain a:hover{ background:#ff7e00}


/* 操作成功 */
.video_war .video_operate { width:680px; height:80px;margin:0 auto; border:1px solid #229fff; background:#e3f1ff; height:100px; line-height:24px; margin-top:20%;}

.video_war .video_operate p img{margin:5px 10px;}
.video_war .video_operate p:first-child{width:175px; margin:15px  auto 0 auto;}
.video_war .video_operate p span{display:block;float:left; text-align:center;}

.video_war .video_operate p{ text-align:center;}
.video_war .video_operate p a{color:#229fff}
.video_war .video_operate p a:hover{color:#ff7e00;text-decoration:underline;}

/* 操作失败 */
.video_war .bgbo_ffe5cb{background:#ffe5cb; border:1px solid #ff7e00;}


/* 培训视频列表 */
.video_watchlist{width:1200px;}
.video_watchlist ul li {wdith:368px; float:left;margin:10px 0 0 30px; min-height:430px;}
.video_watchlist ul li h4{text-align:center;font-size:18px; margin:15px 0;}
.video_watchlist ul li p{width:368px;}

.video_war video{margin-bottom:100px}
.noBG{background: none;border:none;}
.noBG .clearfix {width:350px!important;margin-bottom: 20px!important;}
.noBG .clearfix img {display:block;float:left;margin: -4px 8px!important;}