#inner .event-item div{ position: absolute; width: 90%; padding-left:5%; padding-right:5%; left: 0px; bottom:0px; color: #FFFFFF; background-color: #000000; line-height: 25px; filter: Alpha(Opacity=60);Opacity:0.6; background-color:rgba(0,0,0,0.6); } #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; right:0px; float:right; bottom: 0px; display:none } .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; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); 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; } .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;} }