@charset "UTF-8";

.top_img {
  position: relative;
  width: 860px;
  height: 700px;
  background: url(../img/top_img.jpg) 0 0 no-repeat;
}
.top_img .news {
  position: absolute;
  top: 671px;
  left: 0;
  width: 500px;
  padding: 3px 13px;
  color: #fff;
  text-align: left;
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 75%,rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.8)),color-stop(75%, rgba(0,0,0,0.8)),to(rgba(0,0,0,0)));
  background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 75%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 75%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=1 );
}
.top_img .spec {
  position: absolute;
  bottom: 5px;
  right: 7px;
}
.top_img .spec,
.top_img .spec img {
  display: block;
  width: 97px;
  height: 27px;
  background: url(../img/btn_spec.png) 0 0 no-repeat;
}
.top_img .spec img {
  opacity: 0;
  background-position: 0 100%;
}
.top_img .spec:hover img {
  opacity: 1;
}

.top_img .change {
  position: absolute;
  bottom: 35px;
  right: 6px;
}
.top_img .change,
.top_img .change img {
  display: block;
  width: 146px;
  height: 85px;
  background: url(../img/btn_change.png) 0 0 no-repeat;
}
.top_img .change img {
  opacity: 0;
  background-position: 0 100%;
}
.top_img .change:hover img {
  opacity: 1;
}