/*CSS通用重置样式*/
.wrapperOut{margin:0px auto;width:100%;zoom:1;overflow:hidden;}
.wrapperInner{margin:0px auto;width:980px;zoom:1;overflow:hidden;}
.hd{width:100%;zoom:1;overflow:hidden;}
.bd{width:100%;zoom:1;overflow:hidden;}
.left{float:left;}
.right{float:right;}

/*头部*/
#header{background:#000;border-bottom:1px solid #383838;width:100%}
#header .logo{float:left;height:64px;margin:11px 22px 0 22px;border:none}
#header .logo img{height:64px}
#header .nav{color:#fff;float:left;font-size:14px;height:36px;line-height:36px;margin-top:11px;padding:0 20px}
#header .nav span{padding:0 5px;}
#header .nav a{color:#fff}
#header .mainNav{color:#B3B3B3;float:right;font-size:12px;height:24px;line-height:24px;margin:11px 22px 0 0}
#header .mainNav span {color:#747474;padding:0 5px;}

/*主体*/
.body{text-align:center;width:100%;background:url(../images/bg.png) repeat-x 50% top #000;padding: 20px 0;}
#mainGallery{text-align:center;margin:0px auto;color:#FFF;font-size:12px;}
#mainGallery .hd{height:auto;}
#mainGallery .hd h1{font:800 26px/26px "microsoft yahei",arial;color:white;}
#toolBar{width:100%;height:16px;margin: 20px auto;overflow:hidden;padding: 5px 0;position: relative;}
#toolBar .left li{padding-right:7px;float:left;color:#5c5c5c;font-size:12px;overflow: hidden;}
#toolBar .left li.play{padding-left:15px;padding-right:6px;background:url(../images/icon.png) no-repeat 0px -11px;height:14px;color:#9A9A9A;cursor:pointer;}
#toolBar .left li.stop{padding-left:15px;padding-right:6px;background:url(../images/icon.png) no-repeat -188px 3px;height:14px;color:#9A9A9A;cursor:pointer;}
#toolBar .left li.save{padding-left:15px;padding-right:6px;background:url(../images/icon.png) no-repeat 0px -25px;height:14px;color:#9A9A9A;cursor:pointer;}
#toolBar .left li.replayPic{padding-left:15px;padding-right:6px;background:url(../images/icon.png) no-repeat -186px -205px;height:14px;color:#9A9A9A;cursor:pointer;}
#toolBar .left li.save a:hover{color:#9A9A9A;text-decoration:none;}
#toolBar .left li.save a:hover{color:#9A9A9A;text-decoration:none;}
#toolBar .share{position: absolute;top: 3px;right: 0;}
#Main-A{position:relative;text-align:center;width:980px;background:url(../images/loader.gif) no-repeat center center;height:600px;}
.pageLeft{z-index:101;position:absolute;width:100%;cursor:pointer;top:0px;left:0px;}
.pageLeft span{background:url(../images/right.png) no-repeat 0 0;margin:0px 0px 0px 24px;width:102px;display:inline;float:left;height:95px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/right.png');}
.pageLeft span a{position:relative;width:102px;display:block;height:95px;}
.pageRight span a{position:relative;width:102px;display:block;height:95px;}
.pageRight{z-index:101;position:absolute;width:100%;cursor:pointer;top:0px;left:0px;}
.pageRight span{background:url(../images/left.png) no-repeat 0 0;margin:0px 24px 0px 0px;width:102px;display:inline;float:right;height:95px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/left.png');}
.pageLeft-bg{z-index:100;position:absolute;width:100%;top:0px;left:0px;}
.pageRight-bg{z-index:100;position:absolute;width:100%;top:0px;left:0px;}
.pageLeft-bg{filter:alpha(opacity=0);background:#FFF;-moz-opacity:0;opacity:0;}
.pageRight-bg{filter:alpha(opacity=0);background:#FFF;-moz-opacity:0;opacity:0;}
#Main-B{text-align:left;margin:15px auto;width:905px;color:#b4b4b4;font-size:12px;overflow:hidden;}
#Main-B p{line-height:21px;}
#Main-C{border:1px solid #212121;width:978px;background:#0d0d0d;height:154px;}
#Main-C .smallPic{width:978px;color:#FFF;font-size:12px;overflow:hidden;}
#Main-C .smallPic a.left{margin:35px 0px 0px 9px;width:20px;display:inline;background:url(../images/icon.png) no-repeat -180px -54px;height:63px;}
#Main-C .smallPic a.left:hover{background:url(../images/icon.png) no-repeat -157px -124px;}
#Main-C .smallPic a.right{margin:35px 9px 0px 0px;width:20px;display:inline;background:url(../images/icon.png) no-repeat -157px -54px;height:63px;}
#Main-C .smallPic a.right:hover{background:url(../images/icon.png) no-repeat -180px -124px;}
#Main-C .smallPic div.left{position:relative;margin-top:18px;width:917px;display:inline;height:100px;margin-left:3px;overflow:hidden;}
#Main-C .smallPic div.left a.mask{z-index:1;position:absolute;width:122px;display:block;background:url(../images/icon.png) no-repeat 0px -124px;height:97px;overflow:hidden;left:4px;}
#Main-C .smallPic div.left ul{z-index:2;position:absolute;left:0px;}
#Main-C .smallPic div.left li{text-align:center;width:131px;float:left;height:97px;}
#Main-C .smallPic div.left li div{margin:8px auto 0px;width:122px;height:97px;overflow:hidden;}
#Main-C .smallPic div.left li div a{position:relative;margin:0px auto;width:116px;display:block;height:86px;overflow:hidden;cursor:pointer;}
#Main-C .smallPic div.left li a:hover{text-decoration:none;}
#Main-C .smallPic div.left li a span{position:absolute;text-align:center;width:33px;bottom:2px;font: 12px/18px Arial,Helvetica,sans-serif;display:block;background:#000;height:18px;color:#FFF;font-size:12px;right:4px;}
#Main-C .smallPic div.left li a:hover span{background:#464646;color:#FFF;text-decoration:none;}
#Main-C .scrollLine{position:relative;line-height:1px;margin:17px auto 0px;width:920px;background:url(../images/scrollline.png) no-repeat;height:1px;clear:both;overflow:visible;}
#Main-C .scrollLine .scrollButton{position:absolute;width:145px;display:block;background:url(../images/icon.png) no-repeat 0px -106px;height:13px;cursor:e-resize;top:-6px;left:0px;}
#end{z-index:998;border:1px solid #464646;position:absolute;text-align:center;width:564px;background:#1c1c1c;height:380px;top:-564px;}
#end .close{margin:10px 10px 0 0;width:15px;background:url(../images/icon.png) no-repeat -185px -18px;float:right;height:15px;overflow:hidden;}
#end .firstImg{border: 1px solid #2E2E2E;width:86px;display:block;height:56px;}
#mainGallery #end .end-inner .hd{border-bottom:#444 1px solid;height:80px;}
#end .hd .right{text-align:left;width:355px;}
#end .hd .right h2{color:#C4C4C4;font-size:14px;}
#end .hd .right li{float: left;margin: 5px 13px 0 0;}
#end .hd .right li a{background: url(../images/icon.png) no-repeat right bottom;float: left;font-size: 12px;line-height: 27px;padding-right: 9px;}
#end .hd .right li a span{background: url(../images/icon.png) no-repeat left bottom;display: block;float: left;height: 27px;padding-right: 9px;}
#end .hd .right li a em{float: left;height: 27px;}
#end .hd .right li #replayPic em{background: url(../images/icon.png) no-repeat -186px -200px;padding-right: 5px;width: 13px;}
#end .bd h3{margin:13px 0px;float:left;color:#bfbfbf;font-size:12px;}
#end .end-inner{margin:0px auto;width:462px;clear:both;}
#end .end-inner .bd{text-align: left;}
#end .end-inner .bd h3 {color: #BFBFBF;font-size: 12px;margin: 13px 0;}
#end .end-inner #lastComend{width:462px;clear:both;overflow:hidden;}
#end .end-inner #lastComend li{text-align:center;width:154px;float:left;height:auto;}
#end .end-inner #lastComend li div{border:1px solid #454545;border-radius: 3px;margin:0px auto;width:139px;height:155px;padding: 8px 0;}
#end .end-inner #lastComend li div:hover{border-color: #FFF;}
#end .end-inner #lastComend li a{margin:9px auto 0px;width:122px;display:block;color:#C4C4C4;font-size:12px;text-decoration:none;}
#end .end-inner #lastComend li a.img{margin:0 auto;width:122px;display:block;background:url(../images/loader.gif) no-repeat center center;height:92px;overflow:hidden;}
#end .end-inner #lastComend li a.title{height: 54px;line-height: 18px;overflow: hidden;text-align: justify;}
#end .end-inner #lastComend li a:hover{text-decoration:underline;}
a.buttonClik{background: url(../images/icon.png) no-repeat 0 -232px;color: #C4C4C4;display: block;height: 24px;line-height: 24px;margin: 15px auto 0;text-align: center;width: 133px;}
a.buttonClik:hover{color: #C4C4C4;text-decoration: none;}

/*底部*/
#footer{margin: 20px auto;text-align: center;width: 100%;}
#footer p{color: #6C6C6C;font-family: Arial;font-size: 12px;height: 30px;line-height: 30px;}