@charset "utf-8";
/* CSS Document - about */
.conbody_title {
	background:url(../data/photograph/title_bg.png) center no-repeat;
}
.conbody_title.title02 {
	background:url(../data/photograph/title_bg2.png) center no-repeat;
}
.conbody_title.title03 {
	background:url(../data/photograph/title_bg3.png) center no-repeat;
}
#content{
	width:1000px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
	margin-bottom:40px;
}
#content li{
	list-style:none;
	margin-bottom:30px;
}
#content li:hover .photo img{
	opacity:0.7;
}
#content li:hover .name{
	color:#FFF !important;
}
#content li .photo{
	width:270px;
	height:270px;
	float:left;
	text-align:center;
	background:#FFF;
	-webkit-border-radius: 135px;
	-moz-border-radius: 135px;
	border-radius: 135px;
	overflow:hidden;
}
#content li .photo img{
	max-width:270px;
	max-height:270px;
	opacity:1;
	vertical-align: middle;
	-webkit-border-radius: 135px;
	-moz-border-radius: 135px;
	border-radius: 135px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#content li .info{
	width:600px;
	height:234px;
	padding:18px 20px 18px 80px;
	float:right;
	background-color:#EFEFEF !important;
	position: relative;
}
#content li .name{
	max-height: 40px;
	line-height: 44px;
	background-color:#FFF !important;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 14px;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left:40px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#content li .list{
	height: 36px;
	color: #777777;
	text-decoration: none;
	overflow: hidden;
	background:url(../data/photograph/line.png) bottom no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#content li .list .title{
	width:95px;
	line-height: 34px;
	padding-right:15px;
	float:left;
	text-align:right;
	color:#000000;
	font-size:14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#content li .list .con{
	line-height: 34px;
	width:470px;
	color:#666666;
	float:left;
	margin-left:20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#content li .status{
	width:79px;
	height:65px;
	position:absolute;
	text-indent:-9999px;
	right:20px;
	bottom:15px;
	background:url(../data/photograph/status.png) right no-repeat;
	background-color:#EEEEEE;
}
/************************************************/
/************************************************/
#content li.list01 .info{
	background:url(../data/photograph/t01.png) 20px 18px no-repeat;
}
#content li.list01 .name{


	color:#FFF  !important;
	background:url(../data/photograph/icon_.png) 15px center no-repeat, #F8993B !important;
	
}
#content li.list01:hover .name{

				color:#F8993B !important;
	background:url(../data/photograph/icon.png) 15px center no-repeat, #FFF !important;


}
#content li.list01 .status.close{
	background:url(../data/photograph/status_.png) right no-repeat;
	background-color:#EEEEEE;
}
#content li.list01 .status.close2{
	background:url(../data/photograph/status_end.png) right no-repeat;
	background-color:#EEEEEE;
}
#content li.list02 .info{
	background:url(../data/photograph/t02.png) 20px 18px no-repeat;
}
#content li.list02 .name{
	color:#fff;
		background:url(../data/photograph/icon_.png) 15px center no-repeat;
	background-color:#E66088 !important;

}
#content li.list02:hover .name{
			color:#E66088 !important;
	background:url(../data/photograph/icon2.png) 15px center no-repeat;
	background-color:#fff !important;
	


}
#content li.list02 .status.close{
	background:url(../data/photograph/status2_.png) right no-repeat;
}
/************************************************/
/************************************************/
#content_in{
	width:1000px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
}
#content_in .name .like_btn{
	position:absolute;
	right:-190px;
	top:18px;
}
#content_in .top_box{
	margin-bottom:50px;
}
#content_in .photo{
	width:317px;
	height:317px;
	float:left;
	text-align:center;
	background:#FFF;
	padding:6px;
	position:relative;
	border:#9DD944 2px solid;
}
#content_in .photo span{
	width: 66px;
	height: 65px;
	background: url(../data/photograph/status.png) no-repeat;
	display: block;
	position: absolute;
	right: 15px;
	bottom: 15px;
	background-image: url(data/photograph/status2_.png);
}
#content_in .photo img{
	max-width:317px;
	max-height:317px;
	vertical-align: middle;
}
#content_in .info{
	width:630px;
	float:right;
	position: relative;
	border-top:#CCCCCC 1px solid;
}
#content_in .list{
	height: 33px;
	color: #777777;
	text-decoration: none;
	overflow: hidden;
	background:url(../data/photograph/line.png) bottom no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#content_in .list .title{
	width:95px;
	line-height: 33px;
	padding-right:15px;
	float:left;
	text-align:right;
	color:#000000;
	font-size:14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#content_in .list .con{
	line-height: 33px;
	height: 33px;
	width:470px;
	color:#666666;
	float:left;
	margin-left:20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#content_in .list .con img{
	vertical-align:middle;
}
#content_in .name{
	line-height:18px;
	font-size:18px;
	font-weight:bold;
	position: relative;
	padding:20px 100px 20px 45px;
	border:#CCCCCC 1px solid;
	margin-bottom:25px;
}
#content_in > .con{
	padding:0 20px;
	padding-bottom:20px;
	background:#EEEEEE;
	margin-bottom:20px;
}
#content_in > .con .title, #content_in > .con .title2{
	text-align:center;
	height:73px;
}
#content_in .album{
	margin:0 32px;
}
#content_in .album li{
	width:120px;
	height:80px;
	text-align:center;
	list-style:none;
	float:left;
	position:relative;
	margin:0 4px 8px 4px;
}
#content_in .album li:nth-child(7n+7){
	margin-right:0px;
	float:right;
}
#content_in .album li img{
	max-width:120px;
	max-height:80px;
	vertical-align:middle;
}
#content_in .album li span{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	opacity:0;
	filter: alpha(opacity=0);
	background:url(../data/photograph/big.png) center no-repeat;
	background-color:rgba(63,73,78,0.9);
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#content_in .album li:hover span{
	opacity:1;
	filter: alpha(opacity=100);
}
#content_in > .con img{
	max-width:960px;
	height:auto !important;
}
.album_1{
	color:#9DD844;
	font-size:18px;
	font-weight:bold;
}
/*************************************************************/
/*************************************************************/
#content_in.list01 .name{
	color:#F99A3C;
	border:#F99A3C 1px solid;
	background:url(../data/photograph/icon.png) 15px center no-repeat;
}
#content_in.list01 > .con{
	border-top:#F99A3C 1px solid;
}
#content_in.list01 > .con .title{
	background: url(../data/photograph/t01-1.png) center top no-repeat;
}
#content_in.list01 > .con .title2{
	background: url(../data/photograph/t01-2.png) center top no-repeat;
}

#content_in.list02 .name{
	color:#E66088;
	border:#E66088 1px solid;
	background:url(../data/photograph/icon2.png) 15px center no-repeat;
}
#content_in.list02 > .con{
	border-top:#E66088 1px solid;
}
#content_in.list02 > .con .title{
	background: url(../data/photograph/t02-1.png) center top no-repeat;
}
#content_in.list02 > .con .title2{
	background: url(../data/photograph/t02-2.png) center top no-repeat;
}
/************************************************************/

#content_l{
	width:1000px;
	margin:0 auto;
	margin-bottom:20px;
	
}
#content_l li{
	width:495px;
	height:61px;
	line-height:61px;
	float:left;
	list-style:none;
	margin:0 5px 5px 0;
}

#content_l li:nth-child(5n+5){
	margin-right:0px;
}
#content_l li:last-child{
	float:right;
	margin-right:0px;}

#content_l li a{
	display:block;
	color:#3F474C;
	text-decoration:none;
	font-size:14px;
	line-height:61px;
	padding:0 50px 0 20px;
	overflow:hidden;
	background:url(../data/photograph/bg.png) no-repeat;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}


#content_l li a:hover{
	font-weight:bold;
	background:url(../data/photograph/bg_.png) no-repeat;
}
#content_l li.active a{
	font-weight:bold;
	background:url(../data/photograph/bg_.png) no-repeat;
}