div { display: block; margin: 0; padding: 0; border: 0 none; outline: 0; background: transparent;}
#inner { width: 950px; margin: 0 auto;}
.hot-event { padding: 337px 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(../images/bg.png); background-position: -195px 0; }
    .hot-event .switch-nav { position: absolute; right: 12px; top: 384px; z-index: 2; }
        .hot-event .switch-nav .i-prev { background-image: url(../images/bg.png); background-position: -127px 0; }
        .hot-event .switch-nav .prev { border-radius: 3px 0 0 3px; border-width: 1px; }
        .hot-event .switch-nav .next { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 1px; }
        .hot-event .switch-nav .i-next { background-image: url(../images/bg.png); background-position: -144px 0; }
        .hot-event .switch-nav a { display: inline-block; padding: 7px 16px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); }
            .hot-event .switch-nav a:hover { background: rgba(0,0,0,.2); }
    .hot-event .event-item { height: 337px; width: 950px; position: absolute; z-index: 1; left: 0; top: 0; }
        .hot-event .event-item .banner { display: block; }

    a .ico { cursor: pointer; }
.ico { display: inline-block; width: 16px; height: 16px; vertical-align: middle; overflow: hidden; }
.banner img{}
