#inner { width: 998px; margin-left:15px;  }
.hot-event { padding: 240px 0 0; position: relative; }
    .hot-event .switch-tab { text-align: center; padding: 10px 0; }
        .hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 2px; display: inline-block; width: 15px; height: 15px; background-image: url(../images/bg.png); background-position: -161px 0; font: 0/0 arial; color: transparent; overflow: hidden; vertical-align: top; }
        .hot-event .switch-tab .current { background-image: url(bg.png); background-position: -195px 0; }
    .hot-event .switch-nav { position: absolute; right: 20px; top: 200px; z-index: 2; }
        .hot-event .switch-nav .i-prev { background-image: url(bg.png); background-position: 0px 0; }
        
  
        .hot-event .switch-nav .i-next { background-image: url(bg.png); background-position: -38px 0; }
         
           
    .hot-event .event-item { height: 240px; width: 998px; position: absolute; z-index: 1; left: 0; top: 0; }
        .hot-event .event-item .banner { display: block; }
        .hot-event .event-item img { -webkit-box-reflect: below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(85%,transparent),to(rgba(255,255,255,.2))); border: 0; }
.hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; }
a { color: #4385a7; }
a { text-decoration: none; }
    a .ico { cursor: pointer; }
.ico { display: inline-block; width: 34px; height: 34px; vertical-align: middle; overflow: hidden; }