/* 代码整理：易站站长网 www.yizhanzzw.com */
@import url(http://fonts.googleapis.com/css?family=Arvo);
* {
	border:0;
	margin:0;
	padding:0;
	outline:0
}
html {
	background-color:#fdfcfb
}
body {
	height:100%;
	min-height:100%;
	position:relative;
	margin:50px auto 20px auto
}
ul {
	list-style:none
}
a {
	color:#e94439;
	text-decoration:none
}
a:hover {
	color:#ee6f67;
	text-decoration:underline
}
h2 {
	font-family:Arvo, Arial, sans-serif;
	font-size:30px;
	line-height:25px;
	font-weight:500;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:1px
}
h1 {
	font-family:Arvo, Arial, sans-serif;
	font-size:60px;
	line-height:75px;
	font-weight:400;
	color:#e94439;
	text-transform:lowercase
}
p {
	font-family:Georgia, Arial, sans-serif;
	font-size:15px;
	line-height:15px;
	font-weight:100;
	color:#fff
}
header {
	min-width:100%;
	width:100%;
	text-align:center;
	min-height:150px
}
header p {
	font-family:Arvo, Arial, sans-serif;
	font-size:15px;
	line-height:25px;
	font-weight:400;
	color:#e94439;
	text-transform:uppercase
}
header figure {
	width:250px;
	background-color:#e94439;
	box-shadow:1px 1px 5px;
	position:absolute;
	right:-60px;
	top:0;
	overflow:hidden;
	padding:5px 0;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:background-color 0.5s linear;
	-moz-transition:background-color 0.5s linear;
	-ms-transition:background-color 0.5s linear;
	-o-transition:background-color 0.5s linear;
	transition:background-color 0.5s linear
}
header figure a {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:400;
	color:#fff
}
header figure a:hover {
	color:#fff;
	text-decoration:none
}
header figure:hover {
	background-color:fadeout(#e94439, 25%)
}
article {
	width:100%;
	min-width:100%;
	text-align:center;
	margin:0 0 30px 0
}
article:first-child {
	margin:0
}
article h2 {
	font-family:Arvo, Arial, sans-serif;
	font-size:20px;
	line-height:25px;
	font-weight:400;
	color:#e94439;
	text-transform:uppercase
}
article h3 {
	font-family:Arvo, Arial, sans-serif;
	font-size:15px;
	line-height:25px;
	font-weight:400;
	color:#e94439;
	text-transform:uppercase;
	margin:15px 0 0 0
}
article p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:300;
	color:#000;
	display:inline-block;
	margin:15px 0 0;
	max-width:650px
}
article a#button {
	background-color:#e94439;
	max-width:150px;
	color:#fff;
	display:block;
	margin:20px auto 0 auto;
	padding:15px 30px;
	border-radius:8px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	line-height:20px;
	font-weight:300;
	-webkit-transition:background-color 0.5s linear;
	-moz-transition:background-color 0.5s linear;
	-ms-transition:background-color 0.5s linear;
	-o-transition:background-color 0.5s linear;
	transition:background-color 0.5s linear
}
article a#button:hover {
	text-decoration:none;
	background-color:fadeout(#e94439, 25%)
}
article a#twitter {
	font-family:Arvo, Arial, sans-serif;
	font-size:30px;
	line-height:45px;
	font-weight:400;
	color:#000;
	position:relative;
	top:30px
}
article a#twitter:before {
	content:'#';
	display:inline-block;
	color:#e94439;
	margin:0 5px 0 0
}
article #adsense {
	display:block;
	margin:55px auto 0 auto
}
article strong {
	font-weight:600
}
article figure {
	max-width:960px;
	margin:25px auto 0 auto
}
section {
	min-width:100%;
	width:100%;
	min-height:100%;
	text-align:center;
	padding:30px 0;
	margin-bottom:30px;
	background-color:#333;
	box-shadow:0 0 10px
}
section #fullPreview {
	background-color:#333;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
	padding:50px 0 30px 0;
	display:none
}
section #fullPreview img, section #fullPreview .fullCaption {
	max-width:960px;
	width:100%;
	margin:0 auto;
	display:block
}
section #fullPreview .fullCaption {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:15px;
	font-weight:300;
	color:#fff;
	margin:15px auto 0 auto
}
section #fullPreview figure {
	background-image:url("../images/effects/close.png");
	background-size:100%;
	width:30px;
	height:30px;
	position:absolute;
	top:10px;
	right:20px;
	cursor:pointer
}
section li {
	display:inline-block;
	vertical-align:top;
	position:relative
}
section li:hover .overLayer {
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-ms-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
	opacity:0.6;
	display:block;
	background:gray
}
section li:hover .infoLayer {
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-ms-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
	opacity:1;
	display:block
}
section li a {
	display:block;
	width:240px;
	height:150px;
	position:absolute;
	top:10px;
	left:0;
	z-index:6
}
section li img {
	border:none;
	margin:10px 10px 0 0
}
section li .overLayer, section li .infoLayer {
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-ms-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
	width:240px;
	height:150px;
	position:absolute;
	text-align:center;
	opacity:0;
	top:10px;
	left:0;
	z-index:4
}
section li .overLayer ul, section li .infoLayer ul {
	padding:50px 0 0 0
}
section li .overLayer ul li, section li .infoLayer ul li {
	display:block;
	margin:0 auto;
	width:200px;
	padding:0 0 5px 0
}
section li .overLayer ul li:first-child, section li .infoLayer ul li:first-child {
	border-bottom:2px #fff solid
}
section li .overLayer ul li:last-child, section li .infoLayer ul li:last-child {
	padding:5px 0 0 0;
	text-transform:lowercase
}
section li .overLayer ul li h2, section li .infoLayer ul li h2 {
	font-size:25px
}
section li .projectInfo {
	display:none
}
footer {
	min-width:100%;
	width:100%;
	text-align:center;
	margin:50px 0 0 0
}
footer p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:22px;
	font-weight:300;
	color:#000;
	display:block
}
footer span {
	display:inline-block;
	color:#e94439;
	font-size:20px;
	margin:0 3px;
	-webkit-transition:color 0.5s linear;
	-moz-transition:color 0.5s linear;
	-ms-transition:color 0.5s linear;
	-o-transition:color 0.5s linear;
	transition:color 0.5s linear
}
footer span:hover {
	color:#ee6f67
}
footer a {
	color:#e94439
}
footer a:hover {
	color:#ee6f67;
	text-decoration:underline
}
 /* 代码整理：易站站长网 www.yizhanzzw.com */