.header {
  background-color:#eee;
  border-bottom:1px solid #e5e5e5;
}
.top{
  max-width: 1180px;
  margin:auto;
  position:relative;
}
.header .divlogo{
  position:absolute;
  top:0;
  left:0;
  margin-left: -90px;
  margin-top: 15px;
}

.header .divlogo img{
  padding-top:12px ;
  width: 150px;
}
.header .nav {
  padding-left:4%;
  padding-top:25px;
  padding-bottom:20px;
  text-align: center;
}
.header .nav a {
  display:inline-block;
  font-size: 18px;
  margin-right: 23px;
  margin-left: 30px;
  line-height:50px;
}
.header .nav .act {
  font-weight: bold;
  color: #000;
}

.footer{
  background-color:#eee;
  border-top:1px solid #e5e5e5;
  text-align:center;
}
.footer .copyright{
  margin:0;
  padding:20px 0;
}

.banner{
  width:100%;
}
.banner img{
  max-width:100%;
}
.video{
  max-width:1000px;
  margin:auto;
  padding-bottom:100px;
}
.title-h2 {
  margin:70px auto 50px;
  padding-bottom:10px;
  border-bottom:1px solid #ddd;
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  color: #999;
}
.video-list{
  width:100%;
  overflow:hidden;
  padding:0;
}
.video-list li{
  float:left;
  width:30%;
  /*height: 300px;*/
  margin-right:3.3%;
  margin-bottom:3.33%;
}
.video-list-title{
  padding:10px 0 5px;
  text-align:center;
}
.img-box{
  cursor:pointer;
}
.img-box img{
  width:100%;
}

.modal-dialog{
  width:730px;
}
.modal-body{
  padding:4px 4px 0;
}