silder.css 2.3 KB

123456789101112131415161718192021222324
  1. @charset "utf-8";
  2. /* CSS Document */
  3. ul,ol,li {list-style:none;margin:0; padding:0;}
  4. a img,img { -ms-interpolation-mode:bicubic;}
  5. h3{margin:0;padding:0;}
  6. .section-focus-pic{height:265px;width:100%;overflow:hidden;position:relative;}
  7. .section-focus-pic ul li{position:absolute;top:0;left:100%;width:100%;height:265px;}
  8. .section-focus-pic ul li a img{width:100%;height:265px;}
  9. .section-focus-pic ul li h3{position:absolute;bottom:5px;left:0;font-weight:normal;color:#FFF;z-index: 111;font-size: 16px; font-family:"微软雅黑";padding-left:5px;}
  10. .section-focus-pic ul li h3 a{font-size:14px;color:#fff;}
  11. .section-focus-pic ul li h3 a:hover{text-decoration:underline;}
  12. .section-focus-pic ul li div{position:absolute;bottom:0px;left:0;height:30px;background-color:#000;width:100%;opacity: 0.6;filter: alpha(opacity=60);}
  13. .section-focus-pic .pages{width:100%;height:265px;}
  14. .section-focus-pic .controler{position:absolute;bottom:10px;right:20px;}
  15. .section-focus-pic .controler b{cursor:pointer;width:20px;height:10px;display:block;overflow:hidden;text-indent:20px;background:url(../img/news_index_icon.png) no-repeat -136px 3px; float:left;margin:0 0 0 5px;}
  16. .section-focus-pic .controler b.down{background-position:-161px 1px;}
  17. .section-focus-pic .controler2 a{display:block; width:40px;position:absolute;top:120px;height:40px;}
  18. .section-focus-pic .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url(../img/star.png) no-repeat;}
  19. .section-focus-pic .controler2 .prev{left:5px;}
  20. .section-focus-pic .controler2 .prev i{background-position:-34px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/star_05.png');margin-left:5px;}
  21. .section-focus-pic .controler2 .prev:hover i{left:10px;background-position:-34px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/star_03.png');}
  22. .section-focus-pic .controler2 .next{right:10px;}
  23. .section-focus-pic .controler2 .next i{background-position:-62px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/star_06.png');margin-left:10px;}
  24. .section-focus-pic .controler2 .next:hover i{right:10px;background-position:-62px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/star_04.png');}