.slider {
position: relative;
width: 980px;
height: 302px;
overflow: hidden;
}
.slider__wrapper {
height: 100%;
list-style: none;
overflow: hidden;
*zoom: 1;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}
.slider__item {
height: 100%;
float: left;
clear: none;
}
/*
.slider__arrows-item {
position: absolute;
display: block;
margin-bottom: -20px;
padding: 20px;
}
.slider__arrows-item--right {
bottom: 50%;
right: 0px;
}
.slider__arrows-item--left {
bottom: 50%;
left: 0px;
}
/*
.slider__nav {
position: absolute;
bottom: 30px;
}
.slider__nav-item {
width: 12px;
height: 12px;
border-radius:6px;
float: left;
clear: none;
display: block;
margin: 0 5px;
background: #fff;
}
.slider__nav-item--current {
background: #2196d4;
}
.slider__nav-item:hover {
background: #ccc;
}
*/
.slider__nav {
position: absolute;
bottom: 30px;
}
.slider__nav-item {
width: 8px;
height: 8px;
float: left;
clear: none;
display: block;
margin: 0 5px;
background-image: url(../images/slidebtn1.png);
}
.slider__nav-item--current {
background-image: url(../images/slidebtn.png);
}
.slider__nav-item:hover {
background-image: url(../images/slidebtn2.png);
}

* { margin: 0; padding: 0; border: 0; }
.box {
width: 980px;
height: 309px;
}
.slider2 {
position: relative;
width: 374px;
height: 77px;
overflow: hidden;
}
.box2 {
width: 374px;
height: 77px;
}
.slider3 {
position: relative;
width: 606px;
height: 75px;
overflow: hidden;
}
.box3 {
width: 606px;
height: 75px;
}
.slider4{
position: relative;
width: 606px;
height: 221px;
overflow: hidden;
}
.box4 {
width: 606px;
height: 221px;
}
.slider5{
background-color: #172330;
background-image: url(../images/bg_game_main.jpg);
background-repeat: repeat-x;
position: relative;
width: 980px;
overflow: hidden;
}
.box5 {
width: 980px;
}
.slider__nav_game {
position: absolute;
bottom: 30px;
left: 50%;
}