@charset "utf-8";
/* CSS Document */

#slider-wrapper {
float: left;
position:relative;
width: 100%;
overflow: hidden;
}

#slider ul, #slider li {
margin:0;
padding:0;
list-style:none;
}

#slider li {
width: 100%;
display: block;
height: 410px;
overflow:hidden;
}

.contentslider {
position:relative;
display:block;
width:100%;
height:410px;
margin:0 auto;
overflow:hidden;
}

.cs_wrapper {
position:relative;
display:block;
width:100%;
height:100%;
margin:0;
padding:0;
overflow:hidden;
background: #000;
}

.cs_slider {
position:absolute;
width:100000px;
height:100%;
margin:0;
padding:0;
}

.cs_article1 {
position:absolute;
top:0;
left:0;
display:inline;
height:410px;
margin:0 auto;
padding:0;
background-image: url(../images/1.jpg);
background-position: center;
background-repeat: no-repeat;
width:100%;
}

.cs_article2 {
position:absolute;
top:0;
left:0;
display:inline;height:410px;
margin:0 auto;
padding:0;
background-image: url(../images/2.jpg);
background-position: center;
background-repeat: no-repeat;
width:100%;
}

.cs_article3 {
position:absolute;
top:0;
left:0;
display:inline;height:410px;
margin:0 auto;
padding:0;
background-image: url(../images/3.jpg);
background-position: center;
background-repeat: no-repeat;
width:100%;
}

.cs_article4 {
position:absolute;
top:0;
left:0;
display:inline;height:410px;
margin:0 auto;
padding:0;
background-image: url(../images/4.jpg);
background-position: center;
background-repeat: no-repeat;
width:100%;
}

.article_content {
width:974px;
margin: 0px auto;
height:410px;
}

.content-block {
display: none;
}

#prevBtn, #nextBtn { 
display:block;
width:26px;
height:44px;
position:absolute;
left:100px;
top:414px;
}

#nextBtn { 
left:1090px;
}

#prevBtn a, #nextBtn a {
display:block;
text-indent: -9999px;
overflow: hidden;
position:relative;
width:26px;
height:44px;
background:url(../images/arrow-prev.png) no-repeat 0 0;
}

#prevBtn a:hover, #nextBtn a:hover {
background:url(../images/arrow-prev.png) no-repeat 0 -44px;
}

#nextBtn a { 
background:url(../images/arrow-next.png) no-repeat 0 0;
}

#nextBtn a:hover { 
background:url(../images/arrow-next.png) no-repeat 0 -44px;
}
