/* quicksand.css  start */
/*=====================================================================================
        PORTFOLIO PAGE STYLES
======================================================================================*/
/* 列表选择菜单 */
#portfolio-filter{
    /*float: right;
    width: 460px;
    margin-left: 20px;*/
}

#portfolio-filter li{
    float: left;
    font: 1em 'Droid Sans', sans-serif;
	line-height:50px;
}
/*
#portfolio-filter li a{
	color: #333333;
	padding-right: 5px;
	padding-left: 5px;
}
#portfolio-filter li a:hover{
	color: #F00F00;
}
#portfolio-filter li a{
	text-decoration:none;
}
*/
#portfolio-filter .active{/*当被选中 改变颜色 添加css类active*/
    /*color: #F00F00 !important;*/
	color: #FFFFFF !important;
	background-color:#0099CC;
	/*background-color:#444444;*/
}

/* `Container
----------------------------------------------------------------------------------------------------*/

figure, {
    display: block;
}

/* PORTFOLIO IMAGE STYLE */
figure.img-styled img{
    opacity: 1;
	/*width:280px;
	height:384px*/
	width:200px;
	height:280px;
}

figure.img-styled:hover img{	/*移上去显示一层遮罩层*/
    opacity: 0.7;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

figure.img-styled .img-container{
    position: relative;
    overflow: hidden;
	height:285px;/*比图片多5px是为了显示阴影*/
}

figure{
	border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

/*=========figcaption 在figure内层的 文字区===========*/
figcaption{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	/*background: #fcfcfc;*/
	height: 140px;
}

figcaption p{
    text-align: center;
    /*text-transform: uppercase;*/
}



/* photo.css  end */



/*main.css start*/
/*内页list show页导航条*/
/*中层main的顶部导航栏样式 SITES > Huang Pu Dirstrict */
.top_navigation{
	line-height:50px; font-size:1.2em;
}
.top_navigation a:link{
	color:#0065BB;
}
.top_navigation a:visited{
	color:#0065BB;
}
.top_navigation a:hover{
	color:#0065BB;
}
/*main.css end*/

/*人员头像排列显示，及小尺寸增大头像 start*/
.c-person-block {
	width:24%;
	float:left;	
	position:relative;
}
@media (max-width: 767px) {
	figure.img-styled img{
		width:250px;
		height:350px;
	}
	figure.img-styled .img-container{
		height:355px;
	}
}
/*人员头像排列显示，及小尺寸增大头像 end*/