#inner { width: 100%; max-width:1366px; margin: 0 auto; }
.hot-event { padding: 0px; position: relative; padding-top:410px;}
    .hot-event .switch-tab {
	text-align: center;
	padding: 10px 0;
	position: absolute;
	z-index: 2222;
	width:100%;
	text-align:center;
	left:0px;
	float:left;
	bottom: 0px;
}
        .hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 2px; display: inline-block; width: 15px; height: 15px; background-image: url(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: 12px;  z-index: 99999;	
	right: 10px;
	bottom: 10px;  }
        .hot-event .switch-nav .i-prev { background-image: url(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 0; }
        .hot-event .switch-nav .i-next { background-image: url(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 { width: 100%; position: absolute; z-index: 1; left: 0; top: 0; display:none }
        .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; }
#inner a { color: #4385a7; }
#inner a { text-decoration: none; }
  #inner   a .ico { cursor: pointer; }
#inner .ico { display: inline-block; width: 16px; height: 16px; vertical-align: middle; overflow: hidden; }

@media  (max-width: 767px) {
#inner ,.hot-event .event-item{ width: 100%; margin: 0 auto; height:auto }
.hot-event{padding: 135px 0 0;}
}