#inner { width: 496px; margin: 0 auto; }
.hot-event {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(../images/bg.png); background-position: -195px 0; }
    .hot-event .switch-nav { position: absolute; right: 0px; top: 321px; z-index: 2; }
        .hot-event .switch-nav .i-prev { width:26px; display:block; cursor:pointer; background:url(../images/m01.jpg) no-repeat; height:25px; }
        .hot-event .switch-nav .prev { }
        .hot-event .switch-nav .next { }
        .hot-event .switch-nav .i-next {width:26px; display:block; cursor:pointer; height:25px;  background:url(../images/m02.jpg) no-repeat; }
        .hot-event .switch-nav a { display: inline-block;}
            .hot-event .switch-nav a:hover { background: rgba(0,0,0,.2); }
    .hot-event .event-item { height: 346px; width: 496px; position: absolute; z-index: 1; left: 0; top: 0; }
        .hot-event .event-item .banner { display: block; }
        .hot-event .event-item img {  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; }