/* CSS Document */
a,area { blr:expression(this.onFocus=this.blur());} 
:focus { -moz-outline-style: none;}
a { outline:none;}
body {background: #040406;}

/*------------------- wrapper -------------------*/
#wrapper {position: relative; width: 100%; height: 1024px;}
.mainbox {position: relative; width: 1000px; margin: 0 auto; color: #bfbfbf; z-index: 10;}
.logo a {display: block; position: absolute; top: 0; left: 383px; width: 266px; height: 130px; text-indent: -9999px; background: url(../img/logo.png) no-repeat;}
.menu {position: absolute; top: 51px; left: 675px; font-size: 14px;}
.menu a {color: #bfbfbf;}
.menu a:hover {color: #fff; text-decoration: none;}
.menu span {padding: 0 6px 0 9px;}
.sharebox {position: absolute; top: 51px; right: -12px;}
.sharebox b, .sharebox .share-link {float: left; color: #adadad; font-size: 14px; font-weight: normal;}
.share-link li {position: relative; float: left; display: inline; width: 21px; height: 21px; margin: 0 6px;}
.share-link li a {display: block; width: 21px !important; height: 21px; padding-left: 0 !important; margin: 0!important; transition: all 0.4s ease-in-out 0s; background: url(../img/share.png) no-repeat;}
.share-link li a:hover {transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg);}
.share-link li.weixin a {background-position: -34px 0;}
.share-link li.qq-weibox a {background-position: -69px 0;}
.share-link li.share-more a {background-position: -106px 0;}
.showbox {display: none; position: absolute; top: 27px; right: -8px;}

/*------------------- imgFocus -------------------*/
.imgFocus {position: absolute; top: 0; left: 0; width: 100%; height: auto; overflow: hidden;}
.focusNun {position: absolute; top: 648px; width: 100%; z-index: 1; overflow: hidden; zoom: 1;}
.focusNun ul {position: relative; width: 579px; height: 235px; padding-left: 421px; margin: 0 auto; background: url(../img/line.png) no-repeat 574px 33px;}

.focusNun li .circle, .focusNun li .tabtxt {position: absolute; display: block; cursor: pointer; background: url(../img/tab_bg.png) no-repeat;}
.focusNun li .circle {width: 39px; height: 39px; background-position: 0 -244px;}
.focusNun li.on .circle {background-position: -201px -244px;}
.focusNun li .tabtxt {width: 134px; height: 44px; text-indent: -9999px;} 

.focusNun li a.n1 .circle {right: 305px;}
.focusNun li a.n1 .tabtxt {left: 731px;}
.focusNun li.on a.n1 .tabtxt {background-position: -200px 0;}

.focusNun li a.n2 .circle {top: 116px; left: 540px;}
.focusNun li a.n2 .tabtxt {top: 145px; left: 421px; background-position: 0 -80px;}
.focusNun li.on a.n2 .tabtxt {background-position: -200px -80px;}

.focusNun li a.n3 .circle {top: 173px; left: 827px;}
.focusNun li a.n3 .tabtxt {top: 191px; left: 888px; background-position: 0 -160px;}
.focusNun li.on a.n3 .tabtxt {background-position: -200px -160px;}

.focusBox {width: 100%;}
.focusBox li {position: relative; width: 100%; height: 1024px;}
.focusBox .section {position: relative; width: 1000px; height: 1024px; margin: 0 auto;}
.picshot {position: absolute; top: 162px; right: -57px; width: 479px; height: 479px; background: url(../img/pic/photo_bg.png) no-repeat; overflow: hidden; zoom: 1;}
.piclist li {width: 479px !important;}
.picshot .pic-prev, .picshot .pic-next {position: absolute; top: 367px; display: block; width: 78px; height: 79px; background: url(../img/arrow.png) no-repeat;}
.picshot .pic-prev {left: 89px; background-position: 0 -102px;}
.picshot .pic-next {left: 310px; background-position: -81px -102px;}

.btn-prev, .btn-next {position: absolute; top: 217px; display: block; width: 146px; height: 92px; background: url(../img/arrow.png) no-repeat;}
.btn-prev {left: 100px;}
.btn-next {right: 100px; background-position: -217px 0;}

/*------------------- footer -------------------*/
#footer {position: absolute; bottom: 0; width: 100%; padding: 50px 0; color: #39374c;}
.footerBox {width: 705px; padding-left: 305px; margin: 0 auto; background: url(../img/foot_logo.png) no-repeat 60px center;}