/* Content */
.b1{border:0px;background:none;float:left;position:relative;top:-40px;}
.b2{border:0px;background:none;float:right;position:relative;top:-40px;}
.container { width: 942px; margin: 0 auto; }
.sfe{float: left; padding: 0 2px; width: 224px; height: 98%; cursor: default;
	 background: none; box-shadow: none; font-size: 14px; text-align: justify; color: #444;margin-left:7px;
Shadow (color=#ccc,direction=120,strength=4); /*ie*/
	-moz-box-shadow: 1px 1px 6px #ccc; /*firefox*/
	-webkit-box-shadow: 1px 1px 6px #ccc; /*safari��chrome*/
	box-shadow: 1px 1px 6px #ccc; /*opera��ie9*/
	}
/*-webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear;*/
	.sfe1{float: left; margin-left:2px; width: 224px; height: 98%; cursor: default;
	overflow: hidden; background: none;font-size: 14px; text-align: justify; color: #444;
Shadow (color=#ccc,direction=120,strength=4); /*ie*/
	-moz-box-shadow: 1px 1px 6px #ccc; /*firefox*/
	-webkit-box-shadow: 1px 1px 6px #ccc; /*safari��chrome*/
	box-shadow: 1px 1px 6px #ccc; /*opera��ie9*/
	}

/* ==========================================================================
   Page styles
   ========================================================================== */

/* 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;border:1px solid #fff; text-align: center; cursor: pointer; }
.sly > ul li.active { background: #fff; color:fff;width:244px;
	-webkit-box-shadow: inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	-moz-box-shadow: inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	-o-box-shadow: inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
	box-shadow: inset 0 0 0 1px #4DBCE9, inset 0 0 40px 20px #97e6f7;
}

.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: #252e3d; border-color: #888; box-shadow: inset 0 0 0 2px #eee; }

.scrollbar { background: #808080; border-radius: 4px; border: 2px solid #808080; border-top-color: #666; line-height: 0; }
.scrollbar .handle { border-radius: 4px; background: #fff; cursor: pointer; line-height: 0;
	-webkit-box-shadow: 0 1px 0 #555;
	-moz-box-shadow: 0 1px 0 #555;
	-o-box-shadow: 0 1px 0 #555;
	box-shadow: 0 1px 0 #555;
}

/* Horizontal examples */
#horizontal .slyWrap { margin:0; }

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

#horizontal .example4 .sly { height: 240px;}
#horizontal .example4 .sly ul { height: 100%; }
#horizontal .example4 .sly ul li { float: left; width: 942px; height:98%;box-shadow: none; 
}