carousel.css

/*重置*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'' ;}
abbr,acronym{border:0;}
body{color:#666; background-color:#fff;font: 12px/1.5 '微软雅黑',tahoma,arial,'Hiragino Sans GB',宋体,sans-serif;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}
/*旋转木马样式*/
.poster-main{
    position: relative;
    width: 800px;
    height: 285px;
    margin: 0 auto;
}
.poster-main a,.poster-main img{
    display: block;
    background-repeat: no-repeat;
}
.poster-main .poster-list{
    width: 800px;
    height: 285px;
}
.poster-main .poster-list .poster-item{
    position: absolute;
    top: 0;
    left: 0;
}
.poster-main .poster-btn{
    position: absolute;
    height: 285px;
    width: 100px;
    top: 0;
    z-index: 10;
    background-color: aliceblue;
}
.poster-main .left{
    left: 0;
    background: url("btn_l.png") no-repeat center center;
    cursor: pointer;
}
.poster-main .right{
    right: 0;
    background: url("btn_r.png") no-repeat center center;
    cursor: pointer;
}