.slider
{
margin-top:70px;
position:relative;
width:100%;
height:600px;
overflow:hidden;
background-color:white;
}
.slider-wrapper
{
position:relative;
width:100%;
height:100%;
}

.slider-wrapper div
{
float:left;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.slidelist >div img
{
height:100%;
position:relative;
height:100%;
width:100%;
}
.slidelist
{
float:left;
position:relative;
}
.slide-page
{
font-family:'Helvetica Neue',sans-serif;
display:none;
padding-top:10%;
padding-left:10%;
padding-right:10%;
word-wrap:break;
height:100%;
background-color:rgba(0,0,0,0.1);
color:white;
text-align:center;
position:relative;
top:20px;
text-shadow: 2px 2px rgba(0,0,0,0.4);
}
.slide-page h3
{
font-weight:bold;
font-size:27px;
}
.slide-page p{
font-size:25px;
}

.slider-preview
{
opacity:0.1;
float:left;
position:absolute;
top:520px;
background-color:rgba(0,0,0,0.5);
padding-top:5px;
padding-bottom:5px;
width:100%;
transition:opacity 1s;
}
.slider-preview img
{
position:relative;
height:50px;
cursor:pointer;
margin-left:1%;
width:9%;
float:left;
border:1px solid rgba(0,0,0,0.3);
}
.slider-preview img:hover
{
border-color:white;
}
.slider-preview:hover
{
opacity:1;
}