#slider1 { height: 1%; overflow:hidden; padding: 10px 0 10px;   }
#slider1 .viewport { float: left; width: 100%; max-width: 780px; height: 333px; overflow: hidden; position: relative; border: 1px solid #ececec;}
#slider1 .buttons {
background: #cccccc;
border-radius: 35px;
display: block;
margin: 45px 10px 0 0;
float: left;
width: 35px;
height: 35px;
position: relative;
color: #fff;
font-weight: bold;
text-align: center;
line-height: 35px;
text-decoration: none;
font-size: 22px;
}
#slider1 .next {
margin: 145px 0 0 10px;
}
#slider1 .prev {
margin:145px 10px 0 0;
}
#slider1 .buttons:hover{
color: #ffffff;
background: #8dc63f;
}
#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 250px; left: 0 top: 0; }
#slider1 .overview li{ float: left; margin: 0 0 0 0; padding: 1px; height: 100%; width: 250px;}
#slider1 .overview li img {
float: left;
height: 100%;
}