@charset "utf-8";
*{margin:0; padding:0;}
  .warp{
   width: 510px;
  height: 237px;
   position: relative;
   margin:0px auto 0;
   overflow: hidden;
  }
  #box{
  width: 488px;
  height: 237px;
   position: absolute;
   top: 0px;
   left: 0px;
   overflow: hidden;
   /*overflow-x:auto;*/
  }
  #box #con{
  width: 4880px;
  height: 237px;
   overflow: hidden;
list-style: none;
  }
  #con img{
   float: left;
  width: 488px;
  height: 237px;
 list-style: none;
  }
  #btnL{
   position: absolute;
   left: 0px;
   top: 366px;
   width: 36px;
   height: 36px;
   background: url(images/btnL.png) 0 0 no-repeat;
   cursor: pointer;
  }
  #btnR{
   position: absolute;
   right: 0px;
   top: 366px;
   width: 36px;
   height: 36px;
   background: url(images/btnR.png) 0 0 no-repeat;
   cursor: pointer;
  }
  #num{
   position: absolute;
   bottom: 0px;
   //left: 148px;
   overflow: hidden;
   list-style: none;
   
  }
  #num li{
   float: left;
   //float:right;
   margin:0 5px;
   font-size: 16px;
   //line-height: 0px;
   height: 15px;
   width: 15px;
   background: #ccc;
   text-align: center;
   cursor: pointer;
  }
  #num li.select{
   background-color: green;
   color: white;
  }