/*
@Author:Qiu Tingyu
@Create Time: 2015-6-29 9:02
@Last Modified Time:
*/

@charset "utf-8";
*{padding: 0; margin: 0;}
img{border: none;}
body{ font-family: "微软雅黑";}

/*----------- 遮罩内容区 开始------------------------------------*/
/*----------- 从底部上升的遮罩效果 开始---------------------------*/
.content-title{
	margin-top: 50px;
	text-align: center;
}
.content{
	width:170px;
	height: 115px;
	}
.content img{
}
.con{
	width: 170px;
	height: 115px;
	float: left;
	list-style:none;
	margin-bottom:23px;
	position: relative;
	cursor: pointer;
	border-radius:5px;
}
.con img{
	width:170px;
	height:115px;
}
.txt{
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 0px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
	padding-top:2px;
	
}


.txt h3{
	color: #fff;
	font-size: 14px;
}
.txt h3:hover{
	color:#FF2520;
	font-size: 14px;
}
.txt a{
	color: #fff;
	font-size: 12px;
}
.txt a:hover{
	color: #FF2520;
	font-size:12px;
}
.txt p{
	font-size: 14px;
	display: block;
	line-height: 20px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
}
/*------------- 从底部上升的遮罩效果 结束 ------------------------------*/

/*----------- 从科普大图的遮罩效果 开始---------------------------*/
.content-title-two{
	margin-top: 50px;
	text-align: center;
}
.content-two{
	width:353px;
	height: 246px;
	}
.con-two{
	width: 353px;
	height: 246px;
	float: left;
	list-style:none;
	margin-bottom: 15px;
	position: relative;
	cursor: pointer;
}
.con-two img{
	width:353px;
	height:246px;
}
.txt-two{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.4);
	padding-top:12px;
}


.txt-two h3{
	
	font-size: 14px;
}
.txt-two h3:{
	color: #fff;
	font-size: 14px;
}
.txt-two a{
	color: #fff;
	font-size: 14px;
}
.txt-two p{
	font-size: 14px;
	display: block;
	line-height: 20px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
}
/*------------- 从科普大图的遮罩效果 结束 ------------------------------*/
/*----------- 从科普小图的遮罩效果 开始---------------------------*/
.content-title-three{
	margin-top: 50px;
	text-align: center;
}
.content-three{
	width:200px;
	height: 118px;
	}
.con-three{
	width: 200px;
	height: 118px;
	float: left;
	list-style:none;
	margin-bottom: 6px;
	position: relative;
	cursor: pointer;
}
.con-three img{
	width:200px;
	height:120px;
}
.txt-three{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 25px;
	line-height: 15px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.4);
	padding-top:5px;
}

.txt-three h3{
	
	font-size: 14px;
}
.txt-three h3:{
	color: #fff;
	font-size: 14px;
}
.txt-three a{
	color: #fff;
	font-size: 14px;
}
.txt-three p{
	font-size: 14px;
	line-height: 20px;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-before: 1em;
	-moz-margin-after: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
}
/*------------- 从科普小图的遮罩效果 结束 ------------------------------*/
/*----------- 从底部上升的遮罩效果 开始---------------------------*/
.content-title-four{
	text-align: center;
}
.content-four{
	width:190px;
	height: 120px;
	}
.content-four img{
border-radius:5px;
}
.con-four{
	width: 190px;
	height: 120px;
	float: left;
	list-style:none;
	margin-bottom: 23px;
	position: relative;
	cursor: pointer;
	overflow:hidden
}
.con-four img{
	width:190px;
	height:120px;
}
.txt-four{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 20px;
	line-height: 15px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.4);
	padding-top:5px;
}
.txt-four h3{
	font-size: 14px;
}
.txt-four h3:{
	color: #fff;
	font-size: 14px;
}
.txt-four a{
	color: #fff;
	font-size: 12px;
}
.txt-four img{
	position: relative;
	width: 40px;
    height:40px;
	margin-top:10px;

}
/*------------- 从底部上升的遮罩效果 结束 ------------------------------*/

/*------------- 遮罩内容区 结束--------------------------------------*/