.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:#ffcc00;color:#fff;
	-webkit-box-shadow:inset 0 0 0 1px #fff, inset 0 0 40px 20px #fff;
	-moz-box-shadow:inset 0 0 0 1px #fff, inset 0 0 40px 20px #fff;
	-o-box-shadow:inset 0 0 0 1px #fff, inset 0 0 40px 20px #fff;
	box-shadow:inset 0 0 0 1px #fff, inset 0 0 40px 20px #fff;
}

.pages{list-style:none;margin:20px 0;padding:0;text-align:center;}
.pages li{display:inline-block;width:11px;height:11px;margin:0 2px;text-indent:-999px;background:#fff;border-radius:10px;cursor:pointer;
	overflow:hidden;border:1px solid #aaa;
}
.pages li:hover{background:#eee;}
.pages li.active{background:#999;border-color:#888;box-shadow:inset 0 0 0 2px #eee;}

.scrollbar{background:#e0e0e0;border-radius:15px;border:0px solid #808080;border-top-color:#666;line-height:0;}
.scrollbar .handle{border-radius:15px;background:url(/images/gundongtiaobg.jpg);cursor:pointer;line-height:0;
	-webkit-box-shadow:0 1px 0 #43b4f6;
	-moz-box-shadow:0 1px 0 #43b4f6;
	-o-box-shadow:0 1px 0 #43b4f6;
	box-shadow:0 1px 0 #43b4f6;
}

#horizontal .slyWrap{margin:3em 0;}

#horizontal .scrollbar{margin:1em 0;height:10px;}
#horizontal .scrollbar .handle{width:100px;height:100%;}

#horizontal .example1 .sly{height:145px;}
#horizontal .example1 .sly ul{height:100%;}
#horizontal .example1 .sly ul li{float:left;width:223px;height:100%;margin:0 8px 0 0;}
#horizontal .example1 .sly ul li img{width:223px;height:141px;border:solid 1px #eee;}
#horizontal .example1 .sly ul li.active img{border:solid 1px #ffcc00;}

#horizontal .example2 .sly{height:200px;}
#horizontal .example2 .sly ul{height:100%;}
#horizontal .example2 .sly ul li{float:left;width:266px;height:100%;margin:0 1px 0 0; }
#horizontal .example2 .sly ul li img{width:264px;height:198px;border:solid 1px #ddd;}
#horizontal .example2 .sly ul li.active img{border:solid 1px #3366cc;}

#horizontal .example3 .sly{height:200px;}
#horizontal .example3 .sly ul{height:100%;}
#horizontal .example3 .sly ul li{float:left;width:465px;height:100%;margin:0 10px 0 0;cursor:default;}
#horizontal .example3 .sly ul li.active{background:#4DBCE9;color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;}

#horizontal .example4 .sly{height:160px;}
#horizontal .example4 .sly ul{height:100%;}
#horizontal .example4 .sly ul li{float:left;padding:0 20px;width:360px;height:100%;font-size:50px;opacity:0.2;cursor:default;
overflow:hidden;background:none;box-shadow:none;font-size:14px;text-align:justify;color:#444;
-webkit-transition:opacity 0.3s linear;-moz-transition:opacity 0.3s linear;-o-transition:opacity 0.3s linear;transition:opacity 0.3s linear;
}
#horizontal .example4 .sly ul li.active{opacity:1;}