/**************************
*                         *
*                         *
*       B A N N E R       *
*                         *
*                         *
***************************/
.layout_banner {
  margin:0 0 5px 0;
  overflow:hidden;
  border:1px solid #ccc;
}

.layout_banner .banner_frame {
  position:relative;
  height:300px;
  overflow:hidden;
}

.layout_banner .banner_frame .pp {
  display:none;
  z-index:3;
  position:absolute;
  left:50%;
  top:50%;
  width:150px;
  height:150px;
  margin-left:-76px;
  margin-top:-76px;
  background:#fff;
  border:1px solid #ccc;
  cursor:pointer;
}

.layout_banner .banner_frame .pp div {
  position:absolute;
  left:25px;
  top:25px;
  width:100px;
  height:100px;
  overflow:hidden;
}

.layout_banner .banner_frame .pp div div {
  position:relative;
  left:0;
  top:0;
}

.layout_banner .banner_frame .pp .pause div {
  width:40px;
  border:solid #444;
  border-width:0 30px;
}

.layout_banner .banner_frame .pp .play div {
  width:0;
  height:0;
  border:50px solid transparent;
  border-left:100px solid #444;
  border-right:100px solid transparent;
}

.layout_banner .banner_frame .pp .selected {
  display:block;
}

.layout_banner .banner_imgs {
  height:100%;
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  overflow:hidden;
}

.layout_banner .banner_imgs div {
  height:100%;
  overflow:hidden;
  display:none;
}

.layout_banner .banner_imgs img {
  height:100%;
}

.layout_banner table {
  position:relative;
  top:268px;
  margin:0 auto;
  z-index:2;
  border-collapse:collapse;
}
.layout_banner td {
  padding:5px;
}
.layout_banner .banner_frame .pp .pause div {
  width:40px;
  border:solid #444;
  border-width:0 30px;
}

.layout_banner .banner_frame .pp .play div {
  width:0;
  height:0;
  border:50px solid transparent;
  border-left:100px solid #444;
  border-right:100px solid transparent;
}

.layout_banner .banner_frame .pp .selected {
  display:block;
}

.layout_banner .banner_imgs {
  height:100%;
  position:absolute;
  z-index:1;
  left:0;
  top:0;
  overflow:hidden;
}

.layout_banner .banner_imgs div {
  height:100%;
  overflow:hidden;
  display:none;
}

.layout_banner .banner_imgs img {
  height:100%;
}

.layout_banner table {
  position:relative;
  top:273px;
  margin:0 auto;
  z-index:2;
  border-collapse:collapse;
}
.layout_banner td {
  padding:5px;
}

.layout_banner td div {
  background:#fff;
  width:15px;
  height:15px;
  border:1px solid #ddd;
  transition:all 0.6s;
  -webkit-transition:all 0.6s;
  -moz-transition:all 0.6s;
  -o-transition:all 0.6s;
  cursor:pointer;
}

.layout_banner td div:hover {
  background-color:#ff4;
}

.layout_banner td.selected div {
  background:#afa;
}