.video-box{background: #27272f;padding-bottom: 20px;}
.video_header{padding:20px 0;}
.video_header .logo{display: inline-block;}
.video_header img{margin-right:30px;}
.video_header ul{display: inline-block;}
.video_header li{display: inline-block;margin:0 10px;color:#fff;font-size:14px;}
.video_header .search-box{width:300px;background:#3d3d44;border-radius: 100px;height:40px;float:right;}
.video_header .search-box .input-box{padding:10px;float:left;width:220px;box-sizing: border-box;}
.video_header .search-box .input-box input{border:0;outline:0;background: transparent;padding-left:10px;}
.video_header .search-box .btn-box{float:right;width:80px;border-top-right-radius: 100px;
border-bottom-right-radius: 100px;background:#40b6ff;line-height: 40px;color:#fff;text-align: center;}
.video_header .search-box .btn-box img{width:14px;}
.video_header .search-box .btn-box button{border:none;outline: none;background: transparent;color:#fff;cursor: pointer;}
.video_header .ewm{float:right;font-size:24px;color:#999;margin-left:20px;line-height: 40px;}

.video_content{background: #23232a;}
.video_content .left-box{float:left;width:880px;}
.video_content .left-box .title-box{padding:10px 10px 15px 10px;}
.video_content .right-box{float:right;padding:20px;width:320px;box-sizing: border-box;}
.video_content .right-box .hd{font-size: 16px;font-weight:bold;color:#fff;margin-bottom: 15px;}
.video_content .right-box li{padding:10px 0;}
.video_content .right-box .pic-box{float:left;width:120px;position: relative;}
.video_content .right-box .pic-box img{width:120px;height:70px;}
.video_content .right-box .txt-box{float:right;width:140px;}
.video_content .right-box .txt-box p{font-size:12px;color:#999}
.video_content .right-box .txt-box p.name{color:#ccc;font-size:14px;font-weight: normal;}
.video_content .right-box .hot{position:absolute;background: #f90;color:#fff;font-size:12px;display: inline;
border-radius: 2px;padding:0 5px;right:2px;top:2px;}
.video_content .more-btn{color:#fff;border-radius: 50px;padding:5px 20px;float:right;margin-top:0;}
h1{color:#ccc;font-size:30px;font-weight: normal;margin-top:20px;}
.zan-box{background: #f90;color:#fff;padding:5px 20px;float:left;border-radius: 100px;margin-right:10px;cursor: pointer;}
.zan-box:hover{opacity: 0.8;}
.zan-box img{width:16px;}
.qq-box{float:left;font-size:30px;padding-top:2px;margin-top:-7px;margin-right:7px;}
.sina-box{float:left;font-size:34px;margin-top:-7px;}
.video_content .sc-btn{background: #40b6ff;color:#fff;border-radius: 50px;padding:5px 20px;display: inline-block;
margin-left:5px;cursor: pointer;}
.video_content .sc-btn:hover{opacity: 0.8;}

.video-bottom{background: #f5f5f5;}
.video-list{float:left;margin-top:50px;margin-bottom:70px;width:880px;}
.video-list .hd{font-size:24px;font-weight:bold;color:#333;line-height:24px;border-left:5px solid #40b6ff;padding-left:10px;margin-bottom: 20px;}
.video-list li{float:left;width:270px;height:270px;background: #fff;box-shadow: 0 0 20px #eee;margin:20px 10px;
transition:all 0.5s;}
.video-list li:hover{transform: translateY(-20px);}
.video-list .pic img{width:270px;height:150px;}
.video-list .txt-box{padding:20px;text-align: left;}
.video-list .txt-box p{color:#999;font-size:12px;font-weight: normal;}
.video-list .txt-box p.name{font-weight: normal;color:#333;font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-list .txt-box .play-btn{margin-top:10px;display: inline-block;padding:5px 15px 7px 7px;background: #40b6ff;color:#fff;
border-radius: 200px;}

.video-right{float:right;width:300px;background: #fff;margin-top:50px;}
.video-right .title-box{padding:0 20px;border-left:3px solid #3199cc;}
.video-right .title-box p.name{font-weight: bold;font-size:18px;color:#333}
.video-right section {background: #fff;padding: 20px;margin-bottom: 10px;}
.video-right .ewm {text-align: center;padding:20px 0;border-bottom: 1px solid #eee;}
.video-right .ewm img{width:260px;}
.contain-box{top:0px;padding:20px;background: #fff;}
.order-box{background: #fff;padding:20px;z-index: 999;}
.order-box .line{border-bottom: 1px solid #eee;display: inline-block;width:27%;}
.order-box .title{display: inline-block;width:40%;text-align: center;}
.order-box li{padding:10px 0;border-bottom: 1px solid #eee;margin-top:10px;}
.order-box input[type=text]{border:0;outline: none;width:110px;}
.order-box input[type=number]{border:0;outline: none;width: 100%;}
.order-box input[type=radio]{display: none;}
.order-box input[type=radio]+label{display: inline-block;border:1px solid #ddd;padding:3px 10px;font-size:12px;
border-radius: 5px;cursor: pointer;}
.order-box input[type=radio]:checked+label{border:1px solid #f90;color:#f90}
.order-box input[name=xuqiu]{border:0;outline: none;width: 100%;}
.order-box button{border:1px solid #f90;padding:10px 0;width:100%;border-radius: 5px;margin-top:40px;background: #fff;
color:#f90;cursor: pointer;outline: none;}
.order-box button:hover{background: #f90;color:#fff;transition:all 0.5s;}
.weixin-box img{width:260px;}
.video-more{border:1px solid #80c0ec;padding:10px 60px;color:#80c0ec;display: inline-block;border-radius: 100px;
margin-top:30px;font-size:18px;}
.video-more:hover{background: #80c0ec;color:#fff;cursor: pointer;transition: all 0.5s;}

.footer-box{margin-top: 0;}