body {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
}

#top {
  width: 100%;
  height: 139px;
  float: left;
  background: url(hd_top.jpg) no-repeat center;
  position: relative;
}

#top .small {
  width: 80%;
  height: 150px;
  position: absolute;
  top: 56px;
  left: 30%;
  display: inline;
  margin: 0 0 0 -310px;
  z-index: 99;
}

#top .small ul {
  margin: 0;
  padding: 0px;
}

#top .small li {
  width: 65px;
  height: 48px;
  float: left;
  border: 1px solid #000;
  display: inline;
  margin: 3px 0 0 3px;
  padding: 0px;
  filter: alpha(opacity=40);
  opacity: 0.4;
  cursor: pointer;
}

#top .small li.hove {
  filter: alpha(opacity=100);
  opacity: 1;
}

#box {
  width: 100%;
  height: 602px;
  float: left;
  background: url(hd_banna.jpg) no-repeat center;
  overflow: hidden;
  position: relative;
}

#box .bg {
  width: 100%;
  height: 340px;
  background: #000;
  filter: alpha(opacity=70);
  opacity: 0.7;
  position: absolute;
  top: 132px;
  left: 0px;
}

#list {
  width: 1004px;
  height: 446px;
  position: absolute;
  top: 75px;
  left: 50%;
  display: inline;
  margin-left: -502px;
}

#list ul {
  margin: 0px;
  padding: 0px;
  float: left;
}

#list li {
  width: 100px;
  border: 3px solid #000;
  position: absolute;
  list-style-type: none;
  overflow: hidden;
  cursor: pointer;
}

#list li img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

#list li div {
  width: 100%;
  height: 100%;
  background: #000;
  filter: alpha(opacity=70);
  opacity: 0.7;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
}

#list li .b_tit {
  width: 100%;
  height: 120px;
  position: absolute;
  z-index: 1;
  bottom: -100%;
  left: 0px;
  margin: 0px;
  padding: 0px;
}

#list li .opacity {
  width: 100%;
  height: 120px;
  background: #000;
  filter: alpha(opacity=80);
  opacity: 0.8;
  position: absolute;
  z-index: 1;
  bottom: 0px;
  left: 0px;
}

#list li .tit {
  width: 324px;
  height: 120px;
  padding: 0 10px;
  position: absolute;
  z-index: 2;
  bottom: 0px;
  left: 0px;
}

#list li .tit span {
  width: 100%;
  height: 30px;
  font-weight: normal;
  float: left;
  text-align: left;
  line-height: 30px;
  color: #fff;
  border-bottom: 1px solid #2f2f2c;
  margin: 0px;
  padding: 0px;
}

#list li .tit span em {
  color: #ba0707;
  font-style: normal;
  float: none;
}

#list li .tit em {
  color: #fff;
  line-height: 25px;
  float: left;
  margin: 0px;
  padding: 5px 0;
  font-style: normal;
}

#list span.btn {
  width: 39px;
  height: 80px;
  background: url(hd_btn.png) no-repeat;
  text-decoration: none;
  position: absolute;
  z-index: 20;
  top: 190px;
}

#list ul li a img {
  width: 100%;
  height: 100%;
}

#list span.prev {
  background-position: 0 0;
  left: -54px;
}

#list span.next {
  background-position: -39px 0;
  right: -100px;
}

#bottom {
  width: 100%;
  height: 200px;
  float: left;
  background: url(hd_bottom.jpg) no-repeat center;
  position: relative;
}

#bottom .title {
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0px;
  bottom: 0px;
  font-family: Verdana;
}

#bottom .title a {
  background: #666666;
  text-decoration: none;
  color: #fff;
  padding: 3px 5px;
}