@charset "gb2312";
.rel{position:relative;}
.abs{position:absolute;}
.time-line{width:855px;margin:50px auto;font-size:12px;color:#42bd55;font:14px/26px "Microsoft Yahei"}
.line{padding-right:21px;height:8px;background:#13ac2b;}
.date-box{width:793px;left:42px;top:-6px;}
.date-point{position:relative;float:left;width:5.8%;}
.point{display:inline-block;width:10px;height:10px;border:5px solid #13ac2b;border-radius:50%;cursor:pointer;overflow:hidden;background:#fff;}
.date-point-spe{margin-top:-5px;}
.date-point-spe .point{width:38px;height:30px;border:0;border-radius:0;cursor:pointer;overflow:hidden;background:url(images/star.png) no-repeat;}
.date{top:-40px;}
.date-2011{left:70px;}
.date-2012{left:165px;}
.date-2013{left:390px;}
.date-point p{}
.date-point .date-con{position:absolute;left:0;top:46px;width:300px;border:1px solid #42bd55;border-radius:5px;margin-left:-142px;padding:10px;color:#5a5959;font-size:14px;line-height:26px;text-align:left;background:#f7f8f9;display:none;}
.date-point-spe .date-con{top:51px;}
.date-point-spe01 .date-con{left:-130px;}
.date-point .arrow{position:absolute;z-index:1000;display:none;}
.date-point .arrow-l{left:35px;top:11px;width:53px;height:36px;margin-left:-26px;background:url(images/arrow-l.png) no-repeat;}
.date-point .arrow-r{left:-36px;top:10px;width:47px;height:37px;background:url(images/arrow-r.png) no-repeat;}
.date-point-spe .arrow-l{margin-left:-19px;margin-top:5px;}
.date-point-spe .arrow-r{margin-left:10px;margin-top:5px;}
.first-circle{left:0;top:-14px;width:43px;background:#fff;}
.circle-icon{display:block;width:30px;height:30px;border:4px solid #7adb89;border-radius:50%;overflow:hidden;background:#13ac2b;}
.last-arrow{right:-10px;top:-9px;width:0;height:0;border:13px solid #fff;border-left:20px solid #13ac2b;overflow:hidden;font-size:0;line-height:0;}
.date-point .show-con{-webkit-animation:bounceInDown .5s 0s ease-out 1 forwards normal;animation:bounceInDown .5s 0s ease-out 1 forwards normal;display:block;}
@-webkit-keyframes bounceInDown{0%{opacity:0;
	-webkit-transform:translateY(-30px)}
	50%{opacity:1;-webkit-transform:translateY(4px)}
	80%{-webkit-transform:translateY(-2px)}
	100%{-webkit-transform:translateY(0)}
}
@keyframes bounceInDown{0%{opacity:0;transform:translateY(-30px)}
	50%{opacity:1;transform:translateY(4px)}
	80%{transform:translateY(-2px)}
	100%{transform:translateY(0)}
}