.sample{margin:0px auto; position:relative;width:100%; height:380px; color:#fff;  background:#eef0f1 url(../img/slides/bg.jpg) repeat-x center top; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 2px #bbb;
	-webkit-box-shadow: 0px 1px 2px #bbb;}
#box{ overflow:hidden;
	position: relative;
	width: 960px;
	height:380px; margin:0 auto;
	}
#box .item{
	position:absolute;
	width:960px; height:380px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.mask{
	position: relative; width: 960px;
	height:380px; margin:0 auto;
}

.buttons{ text-align:center; position: absolute; width:100%; margin:0 auto; z-index:23; bottom:0px; padding:10px 0;}
.buttons .handle{height:22px; width:24px; background:url(../img/UIViewerBull.png) no-repeat left center; display: inline-block; position:relative; cursor:pointer;}
.buttons .handle:hover{background-position: center center; }
.buttons .active, .buttons .active:hover{ background-position:right center; }

.sample #next{cursor:pointer; height:34px; width:34px; background: url(../img/UIViewerRight.png) no-repeat right top; position: absolute; right:-16px; top:174px; z-index:20;}
.sample #prev{cursor:pointer; height:34px; width:34px; background: url(../img/UIViewerLeft.png) no-repeat left top;position: absolute; left:-16px; top:174px; z-index:20;}
.sample #prev.hover{ background-position: right top;}
.sample #next.hover{ background-position: left top;}