/* 本例子css */
		.slidebox{ width:/*570px*/540px; height:320px; overflow:hidden; position:relative;}
		.slidebox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slidebox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slidebox .hd ul li{ float:left; margin-right:2px; margin-left:5px;width:8px; height:8px; line-height:14px; text-align:center; background:; cursor:pointer; }
		.slidebox .hd ul li.on{ background:;width: 16px; color:#fff; }
		.slidebox .bd{ position:relative; height:100%; z-index:0;   }
		.slidebox .bd li{ zoom:1; vertical-align:middle; position: relative;}
		.slidebox .bd img{ width:540px; height:320px; display:block;  }
		.slidebox .bd li p{position: absolute;bottom: 0;left: 0;background: rgba(85, 85, 85, 0.74);z-index: 9999;width: 100%;color: #fff;padding: 10px 20px;}

.slidebox .prev,
.slidebox .next {
    width: 60px;
    height: 60px;
    margin: -60px 0 0;
 
    background:  no-repeat 0 -14px;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    filter: alpha(opacity=20);
    opacity: 0.2;
    border-radius: 100px;
	display:none
}

.slidebox .prev {
    left: 0;
}

.slidebox .next {
    background-position: 0 -102px;
    right: 0;
}

.slidebox .prev:hover,
.slidebox .next:hover {
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important;
}