www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/043/css/portfolio.css

    .portfolio_content {
	text-align:center;
	background-color:#f2f2f2;
	z-index:333;
	display:block;
	position:relative;
	background-image:url(../images/portfolio_bottom_strip.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	}
	
.pf_img_br{
height:0px;
width:100%;
display:block;
border-top:5px dotted #fff;
position:absolute;
top:-2px;
}
.portfolio_content img {
	border-bottom:1px solid #fff;
}
.portfolio_content h4 a {
	padding-top:14px;
	font-size:12px;
	color:#444;
	display:block;
	letter-spacing:1px;
}
.portfolio_content p {
	font-style:italic;
	color: #AEAEAE;
	font-size:12px;
}
.portfolio_content:hover {
	background-color:#323232;
}
.portfolio_content:hover > h4 a {
	color:#fff;
}

.link_btn {
	width:100%;
	display:none;
}
a.zoom {
	margin-right:60px;
	background-image:url(../images/zoom_icon.png);
	background-repeat:no-repeat;
	background-position:center top;
	width:54px;
	height:54px;
	display:block;
	left:23%;
	top:40%;
	margin-top:-27px;
	position:absolute;
	cursor:pointer;
}
a.link_post {
	background-image:url(../images/link_post.png);
	background-repeat:no-repeat;
	background-position:center top;
	width:54px;
	height:54px;
	display:block;
	right:23%;
	top:40%;
	margin-top:-27px;
	position:absolute;
	cursor:pointer;
}

.portfolio_single h4{
border-bottom:1px solid #E4DFD6;
}

.portfolio_single ul{
margin-top:15px;
margin-bottom:15px;
border-bottom:1px solid #E4DFD6;
}

.portfolio_single ul li{
padding-bottom:5px;
margin-bottom:5px;
}