.timeline{
	position:relative;
	margin:28px 0px 29px 0px;
	width:100%;
}
.timeline:before {
	content: '';
	position: absolute;
	left: 50%;
	width:3px;
	height: 100%;
	background-color: #555555;
}
.timeline ul {
	margin: 0;
	padding:0;
}
.timeline ul li {
	list-style: none;
	position: relative;
	margin: 0px 0px 20px 0px;
	box-sizing: border-box;
}
.timeline ul li:nth-child(odd) {
	float:right;
	text-align: left;
	width: 50%;
	padding: 0px 16px 0px 0px;
	clear:both;
}
.timeline ul li:nth-child(even) {
	float:left;
	text-align: left;
	width: 50%;
	padding: 0px 0px 0px 16px;
	clear:both;
}
.timeline ul li:nth-last-child(2):nth-child(odd) {
	padding: 0px 16px 0px 0px;
	margin: 0px;
}
.timeline ul li:nth-last-child(2):nth-child(even) {
	padding: 0px 0px 0px 16px;
	margin: 0px;
}
.timeline ul li:nth-child(odd) div:nth-child(even).timeline-content {
	padding: 2px 12px 2px 12px;
	background: #fff url('../pic/footer_gradient.jpg') top repeat-x;
	margin: 26px 0 0 3px;
	border:1px solid #898989;
}
.timeline ul li:nth-child(even) div:nth-child(even).timeline-content {
	padding: 2px 12px 2px 12px;
	background: #fff url('../pic/footer_gradient.jpg') top repeat-x;
	margin: 26px 0 0 0px;
	border:1px solid #898989;
}
.timeline ul li:nth-child(odd) div:nth-child(odd).timeline-content {
	padding: 2px 12px 2px 12px;
	background: #fff url('../pic/footer_gradient.jpg') top repeat-x;
	margin: -36px 0 0 3px;
	border:1px solid #898989;
}
.timeline ul li:nth-child(even) div:nth-child(odd).timeline-content {
	padding: 2px 12px 2px 12px;
	background: #fff url('../pic/footer_gradient.jpg') top repeat-x;
	margin: -36px 0 0 0;
	border:1px solid #898989;
}
.timeline ul li div.time {
	position: absolute;
	height: 24px;
	line-height: 25px;
	width: 51px;
	text-align: center;
	color:#555555;
	font-size: 16px;
	vertical-align: middle;
	border:1px solid #555555;
	background-color:#FFFFFF;
}
.timeline ul li:nth-child(odd) .time {
	left:-25px;
}
.timeline ul li:nth-child(even) .time {
	right: -28px;
}
.timeline ul li div.time h4 {
	position: relative;
}