body{
	margin: 0;
	padding: 0;
}
.main{
	width: 100%;
	height: 60px;
	position: relative;
	overflow: hidden;
	z-index:999;
}
.my-slider{
	width: 100px;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0;
}
.my-slider-animated{
	transition: left 0.5s ease;
	-webkit-transition: left 0.5s ease;
}
.slider-item-box{
	width: 100%;
	height: 100%;
}
.slider-item,.slider-item-long{
	width: 1px;
	background: #cccccc;
	position: absolute;
	bottom: 0;
}
.slider-item-value{
	width: auto;
	font-size: 10px;
	color: #666;
	position: absolute;
	bottom: 20px;
}
.slider-item{
	height: 8px; 
}
.slider-item-long{
	height: 16px;
	background: #555555;
}
.slider-guide{
	width: 1px;
	height: 40px;
	background: #ff5409;
	position: absolute;
	bottom: 0;
	left: 0;
}
.slider-border-bottom{
	height: 1px;
	background: #555555;
	position: absolute;
}