#slider-code { height: 100%; overflow:hidden; }
#slider-code .viewport { float: left; width: 100%; height: 70%; min-height: 500px; overflow: hidden; position: relative;padding-left: 313px; }
#slider-code .buttons { position: absolute; display: block;
left: 0px;
width: 100px;
height: 500px;
z-index: 100;
line-height: 500px;
text-align: center;
color: #000;
font-size: 30px;
background: rgba(0,0,0,0.1);
}
#slider-code .next { position: absolute; display: block;
right: 0px;
left: auto;
width: 100px;
height: 500px;
z-index: 100; }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; padding: 0px; width: auto;/*967px */ height: 586px; }