.left_nav {position: absolute; width: 102px; left: 50%; margin-left: -750px; top: 420px;}
.left_nav > div {width: 80px; height: 64px; margin: 5px auto 0; background: no-repeat center;}
.left_nav .enter-bbs {width: 102px; height: 82px; margin-top: 0; background-image: url(../images/left-nav-bbs.png);}
.left_nav .weichat {background-image: url(../images/left-nav-weichat.png);}
.left_nav .weibo {background-image: url(../images/left-nav-weibo.png);}
.left_nav .app {background-image: url(../images/left-nav-app.png);}

.left_nav .enter-bbs:hover {background-image: url(../images/left-nav-bbs-hover.png);}
.left_nav .weichat:hover {background-image: url(../images/left-nav-weichat-hover.png);}
.left_nav .weibo:hover {background-image: url(../images/left-nav-weibo-hover.png);}
.left_nav .app:hover {background-image: url(../images/left-nav-app-hover.png);}

.left_nav .qrarea {position: absolute; width: 120px; height: 110px; background: url(../images/qrcode_areabg.png) no-repeat center; margin-left: 100px; margin-top: -87px;}
.left_nav .qrarea .qr-area {width: 100px; height: 100px; margin-left: 15px; margin-top: 5px;}
.left_nav .weichat .qr-area {background-position: -193px -328px;}
.left_nav .app .qr-area {background-position: -295px -327px;}

.right_nav {position: fixed; width: 50px; height: 50px; left: 50%; margin-left: 610px; bottom: 10px;}
.right_nav > div {width: 100%; height: 50px; background: no-repeat center;}
.right_nav .ontop {background-image: url(../images/right-nav-ontop.png);}
.right_nav .ontop:hover {background-image: url(../images/right-nav-ontop-hover.png);}

.btn-enter-bbs {position: absolute; width: 224px; height: 92px; background: url(../images/btn-enter-bbs.png) no-repeat center; right: 40px; top: 363px;}

.image-pos-area {position: absolute; left: 50%; height: 17px; top: 340px;}
.image-pos-area > div {float: left; width: 30px; height: 2px; background-position: -404px -67px; overflow: hidden; padding-top: 7px; margin-right: 10px; font-size: 12px; text-align: center; color: white; cursor: pointer;}
.image-pos-area > div.on {background-position: -404px -53px;}
.image-pos-area > div:hover {height: 100%; padding-top: 0; background-position: -444px -59px;}
.image-pos-area > div:last-child {margin-right: 0;}