/*body*/
html{
	background: #1c1221 url("/public/static/catt/img/logo_h.png") no-repeat fixed center;
}
body{
	display: none;
}
#body{
	position: relative;
	height: 100%;

	/*display: none;*/
	background: #e7e0eb url("/public/static/catt/img/logo_h.png") no-repeat fixed center;

	z-index: 10;
}

#belowbody{
	position: relative;
	background: #eee;

	display: none;

	width: 100%;
	height: 100%;

	z-index: 10;
}

#btn-return-from-about{
	position: absolute;

	right: 0; 
	top: 0;
	color: #999;
	background: #000;
	padding: 10px 20px;

	cursor: pointer;
}

/*左 中 右*/
#right,
#left,
#middle{
	position: absolute;
	height: 100%;
	top: 0;

	z-index: 20;
}
#left{
	left: 0;
}
#right{
	right: 0;
}
#middle{
	width: 220px;
	background: black;
	box-shadow: 0 0 30px #000;

	border-left: solid 1px #fff;
	border-right: solid 1px #fff;

	background: black url('/public/static/catt/img/logo_h.png') no-repeat fixed center;

	z-index: 300;
}

.inner{
	overflow: hidden;
}
#middle .inner{
	text-align: center;
	height: 100%;
	background: rgba(0,0,0,.9);
}

#left .inner,
#right .inner{
	position: relative;
	margin: 0 -20px 0 40px;
	height: 100%;

	z-index: 30;
}
#right .inner{
	margin: 0 20px 0 0px;
}

/*中间内容*/
#logo-max{
	margin: 0 auto;
	width: 100%;
	height: 380px;
	background: url("/public/static/catt/img/logo_v.png") no-repeat center top;

	cursor: pointer;
}

/*导航*/
#nav{
	margin: 0 auto;
	width: 85%;
}

.nav{
	position: relative;
	border: solid 1px #666;
	color: #666;
	margin: 5px 0;
	padding: 5px 0;

	cursor: pointer;
	z-index: 290;
}
.nav:hover{
	background: #fff;
}
.nav-current{
	background: #fff;
	cursor: default;
}
#nav-article{
	float: right;

	display: inline-block;
	width: 50%;

	border-left: 0px;
}
#nav-paint{
	display: inline-block;
	/*float: left;*/
	width: 50%;
}


#footer,
#footer a{
	color: #666;
}
#footer{
	position: absolute;
	font-size: 12px;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0;
}

/*左右黑条*/
#left-bar, 
#right-bar{
	position: relative;
	float: left;

	top: 0;
	width: 40px;
	height: 100%;
	
	background: black;
	box-shadow: 0 0 40px #000;

	z-index: 300;
}
#left-bar{
	border-right: solid 1px #fff;
}
#right-bar{
	border-left: solid 1px #fff;
	float: right;
}

#left-bar .inner, #right-bar .inner{
	display: none;
	width: 100%;
	height: 100%;
	background: black url('/public/static/catt/img/logo_h.png') no-repeat fixed center;
}



/*关闭详情*/
#btn-close-detail{
	position: absolute;
	display: inline-block;

	left: 0;
	top: 0;
	display: none;

	background: black;
	z-index: 400;

	border: solid 1px #ccc;
	padding: 20px 8px;

	color: #ccc;

	cursor: pointer;
}
#btn-close-detail:hover{
	background: #fff;
	color: #333;
}

#mask{

	display: none;

	background: rgba(28,18,33,0.8) url("/public/static/catt/img/logo_h.png") no-repeat fixed center;
	width: 100%;
	height: 100%;

	text-align: center;
	position: absolute;

	overflow: auto;
	z-index: 500;
}

.mask-inner{
	position: relative;
	display: none;

	max-width: 90%;
	margin: 100px auto;
}

.mask-inner > img{

	max-width: 100%;
}