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; }