.containers {
	margin: 0px auto;
}
.wrap {
	margin: 3em 0px; position: relative;
}
.frame {
	width:1013px; line-height:240px; height: 150px; margin-left:60px;
}
.frame ul {
	list-style: none; font-size: 50px;
}
.frame ul li {
	background: rgb(182, 184, 180);  width: 250px; height: 150px; text-align: center; float: left; cursor: pointer;
}
.frame ul li.active {
	background: rgb(74, 107, 22);
}
.scrollbar {
	background: rgb(204, 204, 204); margin: 0px 0px 1em; height: 2px; line-height: 0;
}
.scrollbar .handle {
	background: rgb(41, 42, 51); width: 100px; height: 100%; cursor: pointer;
}
.scrollbar .handle .mousearea {
	left: 0px; top: -9px; width: 100%; height: 20px; position: absolute;
}
.pages {
	list-style: none; margin: 20px 0px; padding: 0px; text-align: center;
}
.pages li {
	background: rgb(255, 255, 255); margin: 0px 4px; border-radius: 10px; width: 14px; height: 14px; text-indent: -999px; overflow: hidden; display: inline-block; cursor: pointer; box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.2);
}
.pages li:hover {
	background: rgb(170, 170, 170);
}
.pages li.active {
	background: rgb(102, 102, 102);
}
.controls {
	margin: 25px 0px; text-align: center;
}
.oneperframe {
	height: 140px; line-height: 300px;
}
.oneperframe ul li {
	width: 1140px;
}
.oneperframe ul li.active {
	background: rgb(51, 51, 51);
}
.crazy ul li:nth-child(2n) {
	margin: 0px 4px 0px 20px; width: 100px;
}
.crazy ul li:nth-child(3n) {
	margin: 0px 10px 0px 5px; width: 300px;
}
.crazy ul li:nth-child(4n) {
	margin: 0px 30px 0px 2px; width: 400px;
}