.out {
    width: 100%;
    height: 400px;
    position: relative;
    min-width: 1300px;
   
  }
  .out .img li {
    position: absolute;
    left:0;
    top:0;
    display: none;
    width: 100%;
  }
  .out .num {
    position: absolute;
    /*bottom: 20px;*/
    top:320px;
    left: 0;
    font-size:0px;
    text-align:center;
    width: 100%;
  }
  .out .num li {
    width: 20px;
    height: 20px;
    line-height:20px;
    border-radius:50%;
    background:#666;
    color: #fff;
    text-align:center;
    display: inline-block;
    font-size:16px;
    margin:0 3px;
    cursor: pointer;
  }
  .out .num li.active {
    background:#a00;
  }
  .out .btn {
    position:absolute;
    top: 50%;
    margin-top:-30px;
    width: 30px;
    height: 60px;
    line-height:60px;
    background:rgba(0, 0, 0, 0.5);
    font-size:40px;
    color: #fff;
    text-align:center;
    display: none;
  }
  .out .left {
    left: 0;
  }
  .out .right {
    right: 0;
  }
  .out:hover .btn {
    display: block;
    cursor: pointer;
  }
  
  .out li img{
  	  width: 100%;
  	  height: 400px;
  }
  #btn_prev {
	top: 50%; width: 50px !important; height: 104px !important; margin-top: -37px; position: absolute; z-index: 11111;
}
#btn_next {
	top: 50%; width: 50px !important; height: 104px !important; margin-top: -37px;  position: absolute; z-index: 11111;
}
#btn_prev {
	/*background: url("hover_left.png") no-repeat left top; left: 100px;*/
	background:url(hover.png) no-repeat 0 0;
	left:50px;
}
#btn_next {
	/*background: url("hover_right.png") no-repeat right top; right: 100px;*/
	background:url(hover.png) no-repeat -49px 0;
	right:50px;
}