@charset "utf-8";
/* CSS Document */
.navHeader{}
.navHeader ul{ margin-left: -20px;}
.navHeader li{float: left; padding: 0 0 10px 20px;}
.navHeader li a{display: block; padding: 0 10px; min-width: 112px; border: 1px #f9e9e3 solid; height: 58px; line-height: 58px; font-size: 20px; text-align: center; background-image: linear-gradient(to right,#f9f2e9,#fefdfc); border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.navHeader li.active a,.navHeader li a:hover{ background-image: linear-gradient(to right,#ea2424,#d81719); padding: 1px 11px; border: 0 none; color: #fff;}


.videoNews-list{ margin: 0 -10px; padding: 0 0 10px;}
.videoNews-list li{ float: left; width:320px; margin: 10px; font-size: 14px;}
.videoNews-list li .videoPic{float: none; position: relative;}
.videoNews-list li .videobtn{display: none;}
.videoNews-list li .videoTime{display: block; position: absolute; right: 15px; bottom: 8px; background: rgba(0, 0, 0, 0.5); padding: 0 5px; line-height: 1.6; color: #fff;}
.videoNews-list li .videoPic img{width: 100%; height: 180px;}
.videoNews-list li .videoTitle{display: block; float: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #5c6173; text-align: center; line-height: 24px; padding: 9px 0 4px 0;}
.videoNews-list li .videoTitle:hover{color: #d00;}
.videoNews-list li .fbtime{display: block; float: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; color: #9ea5af; text-align: right; line-height: 22px;}
@media (min-width: 1200px) and (max-width: 1419px) {
    .videoNews-list li{width:265px;}
    .videoNews-list li .videoPic img{ height: 149px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navHeader li a{min-width: 144px;}
    .videoNews-list li{width:290px;}
    .videoNews-list li .videoPic img{ height: 163px;}
}
@media (max-width: 991px) {
    .navHeader ul{ margin:0 -5px;}
    .navHeader li{width: 25%; padding:0;}
    .navHeader li a{min-width: 0; margin:0 5px 10px; font-size: 16px; padding: 0 5px;}
    .videoNews-list{ margin: 0 -7px; padding: 0 0 5px;}
    .videoNews-list li{width:50%; margin: 5px 0;}
    .videoNews-list li .videoPic,.videoNews-list li .videoTitle,.videoNews-list li .fbtime{ margin: 0 7px;}
    .videoNews-list li .videoPic img{ height: 194px;}
}
@media (max-width: 767px) {
    .navHeader li{width: 33.3%;}
    .videoNews-list{ margin: 0 -5px;}
    .videoNews-list li{float: none; width: auto;}
    .videoNews-list li .videoPic,.videoNews-list li .videoTitle,.videoNews-list li .fbtime{ margin: 0 5px;}
    .videoNews-list li .videoPic img{ height: auto;}
}
@media (max-width: 479px) {
    .navHeader li{width: 50%;}
    .navHeader li a{line-height: 2.5; height: auto;}
    .videoNews-list{ margin: 0 -5px;}
    .videoNews-list li{float: none; width: auto;}
    .videoNews-list li .videoPic,.videoNews-list li .videoTitle,.videoNews-list li .fbtime{ margin: 0 5px;}
    .videoNews-list li .videoPic img{ height: auto;}
}