@charset "utf-8";

#slider { margin:0; padding:0; list-style:none;}
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:980px; height:334px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn, #nextBtn { display:block; margin:0; overflow:hidden; width:30px; height:28px; position:absolute; left:0; top:-178px; }
#nextBtn { left:951px; }
#prevBtn a { display:block; width:30px; height:28px; background:url(images/s_left.png) no-repeat scroll 0 0; }
#prevBtn a:hover { display:block; width:30px; height:28px; background:url(images/s_left.png) no-repeat scroll 0 -28px; }
#nextBtn a { display:block; width:30px; height:28px; background:url(images/s_right.png) no-repeat 0 0; }
#nextBtn a:hover { display:block; width:30px; height:28px; background:url(images/s_right.png) no-repeat scroll 0 -28px; }

/********** slider **********/
.slider { background:#fff;  margin:0 auto; padding:20px 0; height:351px; border-bottom:1px dotted #cccccc;}
.slider2 { background:#fff;  margin:0 auto; padding:20px 0; height:82px;}
.slider2 .top {width:980px; margin:0 auto; padding:0;}
/*simple text*/
.simple { width:980px; margin:10px auto; padding:0;}
.slider div.slice1 { margin:0 auto; width:980px; padding:8px;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:0; width:980px;}
.slider div div div { margin:0; padding:0; width:980px; height:334px; border:0;}