carousel.css 1.5 KB

1234567891011121314151617181920212223
  1. /*重置*/
  2. /*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;}
  3. table{border-collapse:collapse;border-spacing:0;}
  4. fieldset,img{border:0;}
  5. address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
  6. ol,ul{list-style:none;}
  7. caption,th{text-align:left;}
  8. h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
  9. q:before,q:after{content: ;}
  10. abbr,acronym{border:0;}
  11. body{color:#666; background-color:#fff;font: 12px/1.5 '微软雅黑',tahoma,arial,'Hiragino Sans GB',宋体,sans-serif;}
  12. .clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
  13. .clearfix {zoom:1;}*/
  14. /*插件样式*/
  15. .poster-main{position: relative;width: 900px;height: 270px}
  16. .poster-main a,.poster-main img{display:block;}
  17. .poster-main .poster-list{width: 900px;height: 270px; position:relative;}
  18. .poster-main .poster-list .player{width:50px; height:50px; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; cursor:pointer;}
  19. .poster-main .poster-list .poster-item{position: absolute;left: 0px;top: 0px}
  20. .poster-main .poster-btn{position: absolute;height: 100%;width:100px;top: 0px;z-index: 10;opacity: 0.5; cursor:pointer;}
  21. .poster-main .poster-prev-btn{ left: -190px; background: url("../images/player_left.png") no-repeat center center;/* background-color: #000*/ }
  22. .poster-main .poster-next-btn{right: -190px;background: url("../images/player_right.png") no-repeat center center;/*background-color:#000*/}