.slider {
width: 100%;
height: 850px;
overflow: hidden;
position: relative;
}
.slider .slide {
width: 100%;
height: 850px;
top: 0;
left: 0;
float: left;
position: absolute;
background-position: top;
vertical-align: text-top;
}
.slider .slide .slidecontent {
position: absolute;
top: 50%;
width: 1000px;
padding: 0 100px;
margin-top: -125px;
}
.slider #slideposition {
position: absolute;
bottom: 50px;
left: 50%;
}
.slider #slideposition ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.slider #slideposition ul li.indicator {
display: inline-block;
height: 10px;
width: 10px;
background: #222;
margin: 0px 7px;
padding: 0;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
overflow: hidden;
cursor: pointer;
}
.slider #slideposition ul li.indicator.active {
background: white;
}