﻿#VideoList{width:100%;background-color:#fff;padding:25px 0 40px 0;color:#000;position:relative}#VideoList .container{background-color:#fff;-webkit-box-shadow:#ccc 0 0 10px;-moz-box-shadow:#ccc 0 0 10px;box-shadow:#ccc 0 0 10px}#VideoList .newsnav{position:absolute;top:-28px;display:none}#VideoList .newsnav>li{float:left;margin-right:15px}#VideoList .newsnav>li>a{display:inline-block;color:#333;background-color:#fff;font-size:23px;width:100%;padding:10px 30px;box-shadow:3px 3px 3px #666}#VideoList .newsnav>li.active a{background-color:#083f76;color:#fff}#VideoList .newsnav>li:first-child.active a{border-left:none}#VideoList .videotit{padding:30px 0}#VideoList .videotit h1{font-size:30px;text-align:center}#VideoList .videolist{width:100%;float:left;padding:30px 15px}#VideoList .videolist .thumbnail{padding:0}#VideoList .videolist .thumbnail .img{border-bottom:1px solid #eee;overflow:hidden}#VideoList .videolist .thumbnail img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}#VideoList .videolist .thumbnail .txt{padding:0 15px 10px}#VideoList .videolist .thumbnail .txt span{color:#989898}#VideoList .videolist .thumbnail .txt h3{font-size:14px;font-weight:bold;color:#333;height:30px;margin:15px 0 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#VideoList .videolist .thumbnail .txt p{font-size:12px;line-height:20px;height:40px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#VideoList .videolist .thumbnail .link{font-size:12px;color:#fff;background-color:#083f76;text-align:center;display:block;padding:10px 20px}@media(max-width:767px){#VideoList .container{-webkit-box-shadow:#ccc 0 0 0;-moz-box-shadow:#ccc 0 0 0;box-shadow:#ccc 0 0 0}#VideoList{padding:15px 0 30px 0}#VideoList .newsnav{position:initial;overflow:hidden;margin-top:10px}#VideoList .newsnav>li>a{padding:10px 10px;box-shadow:initial;font-size:16px}#VideoList .videolist{padding:15px 0}#VideoList .videolist .thumbnail .txt{padding:10px}#VideoList .videolist .thumbnail .txt h3{font-size:12px;font-weight:bold;line-height:18px;height:36px;margin:0;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#VideoList .videolist .thumbnail .txt p{display:none}#VideoList .videolist .thumbnail .link{display:none}}
