﻿/*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(/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/icon.png) no-repeat 0px -11px;height:14px;color:#9a9a9a;cursor:pointer;}
#toolbar .left li.stop{padding-left:15px;padding-right:6px;background:url(/uploads/image/ctbctimages/icon.png) no-repeat -188px 3px;height:14px;color:#9a9a9a;cursor:pointer;}
#toolbar .left li.save{padding-left:15px;padding-right:6px;background:url(/uploads/image/ctbctimages/icon.png) no-repeat 0px -25px;height:14px;color:#9a9a9a;cursor:pointer;}
#toolbar .left li.replaypic{padding-left:15px;padding-right:6px;background:url(/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/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="/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/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="/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/icon.png) no-repeat -180px -54px;height:63px;}
#main-c .smallpic a.left:hover{background:url(/uploads/image/ctbctimages/icon.png) no-repeat -157px -124px;}
#main-c .smallpic a.right{margin:35px 9px 0px 0px;width:20px;display:inline;background:url(/uploads/image/ctbctimages/icon.png) no-repeat -157px -54px;height:63px;}
#main-c .smallpic a.right:hover{background:url(/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/scrollline.png) no-repeat;height:1px;clear:both;overflow:visible;}
#main-c .scrollline .scrollbutton{position:absolute;width:145px;display:block;background:url(/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/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(/uploads/image/ctbctimages/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;}