/*限定图片在上*/
body {}
/*限定图片在上*/


/*显示点击时背景，和背景色等效果*/
.sly { overflow: hidden; }
.sly > ul { list-style: none; margin: 0; padding: 0; }
.sly > ul li { position: relative; margin: 0; padding: 0;color: #fff; text-align: center; cursor: pointer; }
.sly > ul li.active {}
.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; }
/*显示点击时背景，和背景色等效果*/

/*显示图*/
#horizontal .slyWrap { margin: 1em 0; }
#horizontal .scrollbar { margin: 1em 0; height: 5px; }
#horizontal .scrollbar .handle { width: 100px; height: 100%; }
#horizontal .example1 .sly { height: 195px; }
#horizontal .example1 .sly ul { height: 100%; }
#horizontal .example1 .sly ul li { float: left; width: 175px; height: 100%; margin: 0 1px 0 0; font-size: 50px; line-height: 170px; }
/*显示图*/