.container{ width: 940px; margin: 0 auto; }


/* universal sly */
.slyWrap .controls { margin: 20px 0 ; }

.controls { text-align: center; }

.sly { overflow: hidden; }
.sly > ul { list-style: none; margin: 0; padding: 0; }
.sly > ul li { position: relative; margin: 0; padding: 0; background: #fff; color: #fff; text-align: center; cursor: pointer; }
.sly > ul li.active { background: #fff;}

.scrollbar { background: #808080; border-radius: 4px; line-height: 0; }
.scrollbar .handle { border-radius: 4px; background: #fff; cursor: pointer; line-height: 0;}

#horizontal .scrollbar { margin: 1em 0; height: 5px; }
#horizontal .scrollbar .handle { width: 100px; height: 100%; }
#horizontal .example1 .sly { height: 308px; }
#horizontal .example1 .sly ul { height: 100%; }
#horizontal .example1 .sly ul li { float: left; width: 435px; height: 308px; margin: 0 20px 0 0; font-size: 50px; line-height: 308px; }