@charset "gb2312";
html, body{margin: 0;padding: 0;overflow: hidden;font-family: "Microsoft YaHei";}
#fp-nav{position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;}
#fp-nav.right{right: 45px;}
#fp-nav ul li, .fp-slidesNav ul li{display: block;width: 30px;height: 20px;position:relative;}
#fp-nav ul li a, .fp-slidesNav ul li a{display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background: #333;border: 0px solid #e5e0da;height: 10px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 64px;height: 10px;background: #777;border: 0px solid #777777;position: absolute;z-index: 1;}
#fp-nav ul li .fp-tooltip{position: absolute;top: -15px;color: #ccc;font-size: 12px;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;}
#fp-nav ul li:hover .fp-tooltip{-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1;}
#fp-nav ul li .fp-tooltip.right{right: 40px;color: #333;background:#fff;padding:0 5px;border-radius:10px;}