@charset "utf-8";#video{margin:0 auto}#video .wrap{width:86%;max-width:1600px;margin:0 auto;padding:100px 0}#video .title{display:none;margin:0 auto;padding:0;text-align:left}#video .title>h2{display:inline-block;position:relative;margin:0 auto;font-size:32px;padding-bottom:12px;color:#333}#video .title>h2:after{display:none;position:absolute;z-index:1;left:50%;bottom:0;margin-left:-25%;width:50%;height:3px;background:#d82128;content:''}#video .search{width:100%;margin:0 auto;padding-bottom:20px;text-align:left}#video .search>form{position:relative;display:inline-block;width:500px;overflow:hidden}#video .search>form input[type=text]{position:relative;outline:0;border:1px solid #e6e6e6;border-radius:3px 0 0 3px;float:left;height:40px;line-height:40px;width:75%;background:url(../img/ico_go.png) 20px 50% no-repeat #fff;background-size:20px auto;padding-left:60px;font-size:14px;border-right:0;color:#666;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}#video .search>form input::-webkit-input-placeholder{color:#ccc}#video .search>form button{float:right;width:25%;height:40px;border:none;outline:0;border-radius:0 3px 3px 0;font-size:16px;color:#fff;background:#666;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-transition:all .35s;transition:all .35s}#video .search>form button:hover{background:#333}#video .search>.hot{display:block;padding:10px 0}#video .search>.hot>a{display:inline-block;text-decoration:underline;color:#999;margin-right:6px;-webkit-transition:all .35s;transition:all .35s}#video .search>.hot>a:hover{text-decoration:none;color:#d82128}#video .display>.list{margin:0 auto;padding-top:50px}#video .display>.list>ul{margin:0 auto}#video .display>.list>ul>li{display:block;float:left;width:48%;margin-bottom:4%;text-align:left;-webkit-transition:all .35s;transition:all .35s}#video .display>.list>ul>li:nth-child(even){float:right}#video .display>.list>ul>li>a{display:block;zoom:1}#video .display>.list>ul>li>a:after,#video .display>.list>ul>li>a:before{content:"";display:table}#video .display>.list>ul>li>a:after{clear:both}#video .display>.list>ul>li>a>.img{position:relative;display:block;overflow:hidden;background:#000;-webkit-transition:all .35s;transition:all .35s}#video .display>.list>ul>li>a>.img:after{position:absolute;z-index:80;bottom:30%;left:50%;margin-left:-20px;opacity:0;text-align:center;width:40px;font-size:10px;font-family:tahoma;font-weight:700;color:#fff;content:'PLAY';-webkit-transition:all .35s;transition:all .35s}#video .display>.list>ul>li>a>.img>span{position:absolute;z-index:6;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);-webkit-transition:all .35s;transition:all .35s}#video .display>.list>ul>li>a>.img>span:after{position:absolute;z-index:55;left:50%;top:50%;margin-left:-30px;margin-top:-30px;width:60px;height:60px;background:url(../img/ico_play_circle.png) 50% 50% no-repeat;background-size:100% auto;content:'';-webkit-animation:roll 3s linear infinite;animation:roll 3s linear infinite}#video .display>.list>ul>li>a>.img>span:before{position:absolute;z-index:60;left:50%;top:50%;margin-left:-10px;margin-top:-10px;width:20px;height:20px;background:url(../img/ico_play.png) 50% 50% no-repeat;background-size:100% auto;content:''}#video .display>.list>ul>li>a>.img>div{width:100%;height:0;padding-bottom:42.5%;-webkit-transition:all 3s;transition:all 3s;background:center/cover no-repeat}#video .display>.list>ul>li>a>.con{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;background:#f7f7f7;padding:40px}#video .display>.list>ul>li>a>.con>.tit{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:24px;color:#333;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}#video .display>.list>ul>li>a>.con>.time{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#333;font-weight:700;text-align:left}#video .display>.list>ul>li>a>.con>.txt{display:block;padding:10px 0;font-size:14px;color:#999}#video .display>.list>ul>li:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}#video .display>.list>ul>li>a:hover .img>span{opacity:.7}#video .display>.list>ul>li>a:hover .img:after{bottom:32%;opacity:1}#video .display>.list>ul>li>a:hover .img>img{-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-width:1480px){#video .title>h2{font-size:28px}#video .display>.list>ul>li>a>.img:after{bottom:20%}#video .display>.list>ul>li>a:hover .img:after{bottom:26%}}@media only screen and (max-width:1080px){#video .wrap{padding:30px 0}#video .display>.list>ul>li>a>.img:after{bottom:16%}#video .display>.list>ul>li>a:hover .img:after{bottom:20%}}@media only screen and (max-width:860px){#video .display>.list{padding-top:30px}#video .display>.list>ul>li>a>.con{padding:30px}#video .display>.list>ul>li>a>.con>.tit{font-size:20px}#video .display>.list>ul>li>a>.con>.time,#video .display>.list>ul>li>a>.con>.txt{font-size:12px}}@media only screen and (max-width:640px){#video .title>h2{font-size:24px}#video .display>.list>ul>li{float:none;width:100%}#video .display>.list>ul>li:nth-child(even){float:none}#video .display>.list>ul>li>a>.img:after{bottom:20%}#video .display>.list>ul>li>a:hover .img:after{bottom:26%}}@media only screen and (max-width:420px){#video .display>.list>ul>li>a>.con>.tit{font-size:18px}#video .display>.list>ul>li>a>.img:after{bottom:0}#video .display>.list>ul>li>a:hover .img:after{bottom:16%}}@-webkit-keyframes roll{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg)}}@keyframes roll{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg)}}