.pic-txt1{ width: 280px; float: left;height: 190px;}

.pic-txt1,.pic-txt2{
	position:relative;
	margin-top:10px;
}

.pic-txt1 a,.pic-txt2 a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
}

.pic-txt1 h4{
	position:absolute;
	left:15%;
	bottom:15px;
	line-height:30px;
	height:60px;
	overflow:hidden;
	text-align:center;
	width:70%;
	font-size:20px;
	display:none;
}

.pic-txt1 h5{
	position:absolute;
	left:15%;
	bottom:21px;
	line-height:24px;
	height:48px;
	overflow:hidden;
	text-align:center;
	width:70%;
	font-size:16px;
	display:none;
}

.pic-txt2 h5{
	position:absolute;
	left:15%;
	bottom:0px;
	line-height:28px;
	height:28px;
	overflow:hidden;
	text-align:center;
	width:70%;
	font-size:16px;
	display:none;
}

.pic-txt1 .shadow{
	position:absolute;
	left:11%;
	bottom:0px;
	width:78%;
	display:none;	
}

.pic-txt1 .shadow .line{
	height:5px;

}

.pic-txt1 .shadow .tran{
	height:90px;
	background:#fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.pic-txt2 .shadow{
	position:absolute;
	bottom:0px;
	left:10%;
	width:80%;
	height:28px;
	background:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	display:none;
}

.pic-txt2 .circle{
	position:absolute;
	left:50%;
	top:50%;
	margin:-37px 0px 0px -37px;
	width:70px;
	height:70px;
	border-radius:50%;
	color:#fff;
	font-family:"宋体";
	font-size:16px;
	line-height:22px;
	text-align:center;
	z-index:20;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

.pic-txt2 .circle-bg{
	position:absolute;
	left:50%;
	top:50%;
	margin:-37px 0px 0px -37px;
	width:70px;
	height:70px;
	border:2px solid #709199;
	border-radius:50%;
	background:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	z-index:10;
	display:none;
}

.pic-txt1 a:hover .shadow,.pic-txt1 a:hover h4,.pic-txt1 a:hover h5,.pic-txt2 a:hover .shadow,.pic-txt2 a:hover h5,.pic-txt2 a:hover .circle-bg{
	display:block;
}

.pic-txt2 a:hover .circle{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}


@media (max-width: 768px) {
	.pic-txt1,.pic-txt2{ margin-top:20px; }
	.pic-txt1 h4,.pic-txt1 h5,.pic-txt1 .shadow,.pic-txt2 h5,.pic-txt2 .shadow{ display:block; }
	.pic-txt2 h5{ font-size:16px; width:100%; left:0; height:30px; line-height:30px; color:#fff; }
	.pic-txt2 .shadow{ left:0px; width:100%; height:30px; background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
	.pic-txt2 a:hover .circle,.pic-txt2 a:hover .circle-bg{ display:none; }
}
@media (min-width: 768px) {
	.pic-txt1,.pic-txt2{ margin-top:10px; }
	.pic-txt1 h4{ bottom:5px; line-height:22px; height:44px; font-size:14px; }
	.pic-txt1 h5{ bottom:9px; line-height:18px; height:36px; font-size:12px; }
	.pic-txt1 .shadow .tran{ height:54px; }
	.pic-txt2 h5{ line-height:24px; height:24px; font-size:12px; left:0; width:100%; }
	.pic-txt2 .shadow{ height:24px; left:0; width:100%; }
	.pic-txt2 .circle{ margin:-27px 0px 0px -27px; width:50px; height:50px; font-size:12px; line-height:16px; }
	.pic-txt2 .circle-bg{ margin:-27px 0px 0px -27px; width:50px; height:50px; }
}
@media (min-width: 992px) {
	.pic-txt1,.pic-txt2{ margin-top:20px; }
	.pic-txt1 h4{ bottom:10px; line-height:26px; height:52px; font-size:16px; }
	.pic-txt1 h5{ bottom:16px; line-height:20px; height:40px; font-size:14px; }
	.pic-txt1 .shadow .tran{ height:72px; }
	.pic-txt2 h5{ line-height:26px; height:26px; font-size:14px; }
	.pic-txt2 .shadow{ height:26px; }
	.pic-txt2 .circle{ margin:-32px 0px 0px -32px; width:60px; height:60px; font-size:14px; line-height:18px; }
	.pic-txt2 .circle-bg{ margin:-32px 0px 0px -32px; width:60px; height:60px; }
}
@media (min-width: 1200px) {
	.pic-txt1,.pic-txt2{ margin-top:30px; }
	.pic-txt1 h4{ bottom:15px; line-height:30px; height:60px; font-size:16px; }
	.pic-txt1 h5{ bottom:21px; line-height:24px; height:48px; font-size:16px; }
	.pic-txt1 .shadow .tran{ height:90px; }
	.pic-txt2 h5{ line-height:28px; height:28px; font-size:16px; left:10%; width:80%; }
	.pic-txt2 .shadow{ height:28px; left:10%; width:80%; }
	.pic-txt2 .circle{ margin:-37px 0px 0px -37px; width:70px; height:70px; font-size:16px; line-height:22px; }
	.pic-txt2 .circle-bg{ margin:-37px 0px 0px -37px; width:70px; height:70px; }
}

