@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	
	background-color:#000;
}

.black_layer{
	width:100%;
	height:100%;
	
	background-color:rgba(0,0,0,0.8);
	
	position:fixed;

	z-index:999;
	
	display:none;
}
.black_layer img{
	
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	
	box-shadow:0px 5px 12px rgba(0,0,0,0.9);
	
	z-index:999;
	display:none;
}
#bigImg{

}
.close_btn{
	width:30px;
	height:30px;
	
	text-align:center;
	line-height:27px;
	
	font-family:Tahoma, Geneva, sans-serif;
	color:#333;
	
	background-color:rgba(255,255,255,0.45);
	

	position:absolute;
	
	top:20px;
	left:75%;
}
.close_btn a{
	display:block;
	
	width:30px;
	height:30px;
	text-decoration:none;
	
	color:#111;
}
.close_btn a:hover{
	display:block;
	
	width:30px;
	height:30px;
	text-decoration:none;
	
	color:#FFF;
}
.hideCls{
	display:none;	
}
.background_image{
	width:100%;
	position:relative;
}
.background_image img{
	width:100%;
	float:left;
	position:absolute;
}
.top_bar{
	width: 100%;
	height: 100px;
	
	position: absolute;
	top: 78px;
	background-color:#222;
	
	box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	
	z-index:1;
}
.pages_menu{
	position:absolute;
	top:60px;
	left:500px;
	
	z-index:3;
}
.pages_menu a{
	padding-right:30px;
	float:left;
	
	text-decoration:none;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	
	color:#CCC;
}
.pages_menu a:hover{
	color:#C00;
}
.share_menu{
	float:right;
	
	margin-top:30px;
	
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	
	line-height:40px;
	color:#CCC;
	
	padding-right:50px;
	
}
.share_menu ul img{
	margin-top:4px;
	float:left;
}
.share_menu ul ul img{
	margin-top:7px;
	float:left;
}
.share_menu ul{
	width:120px;
	height:40px;
	
	display:block;
	
	margin:0px;
	padding:0px;
	
	list-style:none;
}
.share_menu ul li:hover{
	background-color:#333;
}
.share_menu ul li a{
	display:block;
	
	width:120px;
	height:40px;
	
	text-decoration:none;
	
	color:#CCC;
}
.share_menu ul li a:hover{
	color:#FFF;
}
.share_menu ul ul{
	display:none;
	
	margin:0px;
	padding:0px;
}

.share_menu ul ul div{
	height:135px;
	width:120px;
	box-shadow:0px 10px 10px rgba(0,0,0,0.60);
	

}
.share_menu ul ul li{
	background-color:#222;
	
	padding:0px 5px 5px 5px;
}
.share_menu ul:hover ul{
	width:120px;
	height:50px;
	
	display:block;
	background-color:#333;
}
.share_menu ul ul li:hover{
	background-color:#333;	
}

.logoLink{
	display:block;
	width:320px;
	height:120px;
}
.top_bar-logo{
	width:320px;
	height:120px;
	
	position:absolute;
	top:68px;
	left:120px;
	background:url(../images/logo.jpg);
	background-color:#FFF;
	
	box-shadow:0px 0px 10px rgba(0,0,0,0.8);
	
	z-index:2;
}

.content_text{
	width:320px;
	
	padding:50px 40px 20px 40px;
	position:absolute;
	top:160px;
	left:80px;
	background-color:rgba(255,255,255,0.6);
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.75);
	
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	
	z-index:0;
}

.content_text h1{
	font-weight:100;
	font-size:24px;
}

.content_circImg{
	width:320px;
	
	padding:50px 40px 20px 40px;
	position:absolute;
	top:160px;
	left:480px;
	
	display:none;
}

.circle{
	height:180px;
	width:180px;
	
	border-radius:90px;
	box-shadow:inset 2px 2px 4px rgba(0,0,0,0.35);
	overflow:hidden;
	
	margin-bottom:20px;
	
	border:solid 2px #FFF;
}

.circle a{
	display:block;
	height:180px;
	width:180px;
}