Untitled

<div class="banner">

  <div class="banner-img">

    <dl>

    <dt><a href=""><img src="http://img11.360buyimg.com/da/g15/M07/01/06/rBEhWVG7SYcIAAAAAADiz8l7NKwAAAPOwH2ig4AAOLn600.jpg" alt=""></a></dt>

    <dd>品牌大爆炸</dd>

  </dl>

  </div>

  <div class="banner-tab">

    <div class="bannerThumbnail">

        <em class="btnPrev">prev</em>

      <span><img src="http://img11.360buyimg.com/da/g15/M07/01/06/rBEhWVG7SYcIAAAAAADiz8l7NKwAAAPOwH2ig4AAOLn600.jpg" alt=""></span>

      <span><img src="http://img11.360buyimg.com/da/g15/M07/01/06/rBEhWVG7SYcIAAAAAADiz8l7NKwAAAPOwH2ig4AAOLn600.jpg" alt=""></span>

      <span><img src="http://img11.360buyimg.com/da/g15/M07/01/06/rBEhWVG7SYcIAAAAAADiz8l7NKwAAAPOwH2ig4AAOLn600.jpg" alt=""></span>

      <em class="btnNext">next</em>

    </div>

  </div>

</div>

.banner {

  position: relative;

  width: 670px;

  height: 240px;

  margin: 0 auto;

  overflow: hidden;

}

.banner-img {

  position: relative;

  height: 100%;

}

.banner-img a:hover img{}

.banner-img dl.show img {opacity: 1;}

.banner-img dl.show dd { background-color: #000; opacity: .8;}

.banner-img a, .banner-img img {display: block;}

.banner-img dl {

  margin: 0;

  padding: 0;

  height: 100%;

  overflow: hidden;

}

.banner-img dd {

  margin: 0;

  padding: 0 0 0 15px;

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 40px;

  color: #fff;

  line-height: 40px;

  background-color: #000;

  opacity: 0.8;

}

.banner-tab {

  position: absolute;

  bottom: 0;

  overflow: hidden;

 width: 100%;

  height: 40px;

}

.bannerThumbnail {

  float: right;

}

.bannerThumbnail em, .bannerThumbnail span {

 float: left;

  width: 40px;

  height: 40px;

  cursor: pointer;

  color: #fff;

}

.bannerThumbnail span {

  margin: 0 3px;

  _margin: 0 1px;

}

.bannerThumbnail span img {

  width: 38px;

  height: 34px;

  margin: 2px 3px;

  border: 1px solid #000;

}

.btnPrev{  background:url(http://img12.360buyimg.com/cms/g4/M02/07/01/rBEGFVApq9UIAAAAAAAD9gR0gbYAABYFwP_x8QAAAQO768.png) 0 0 no-repeat;

    font-size: 0;

}

.btnNext {

  background:url(http://img13.360buyimg.com/cms/g1/M01/07/01/rBEGD1Apq9EIAAAAAAAECTdZEjAAABYFgP_894AAAQh992.png) 0 0 no-repeat;

  font-size: 0;

}