#history{width:930px;height:600px;position:relative;}

#circle{
	width:83px;height:83px;position:absolute;top:0;left:390px;border:6px solid rgba(0,0,0,0.15);border-radius:95px;text-indent:0;text-align:center;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
#circle .cmsk{height:83px;position:absolute;width:83px;top:0;left:0;}
#circle:hover{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	border-color:rgba(0,0,0,0);
}
.clock{display:block;}
#circle:hover {border-color:rgba(255,255,255,0.6);background-color:#6bc30d;}
#circle:hover .clock{display:block;}
#circle:hover .circlecontent{display:none;}
#circle span{font-size:18px;color:#b0b0b0;}
#circle .clock{
	background:url(../images/clock.png) no-repeat 0 0;width:83px;height:83px;position:absolute;top:0;left:0;display:none;
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
	border-radius:0;
}
#circle:hover .clock{border-radius:83px;}
.timeyear{color:#b0b0b0;font-size:18px;line-height:20px;}
.timeblock{height:28px;margin-top:22px;margin-left:5px;}
.timeblock span{display:block;height:24px;width:18px;background:url(../images/date.png) no-repeat 0 0;float:left;}
.timeblock .numf{background-position:0px -48px;}
.timeblock .nums{background-position:0px 0px;}
.timeblock .numt{background-position:0px -24px;}
.timeblock .numfo{background-position:0px -72px;}
#content{height:600px;width:920px;overflow:hidden;background: url(../images/bg_xl.jpg) repeat-y -19px center;padding-top:10px;}
.list_cc{overflow:hidden;position:relative;}
.list_cc li{ padding-bottom:20px;overflow:hidden;position:relative;}
.liwrap{margin-top:10px; float:left;}
.lileft{position:absolute;top:0;left:0px;height:55px;width:50px;text-align:left; padding-top:20px;}
.liright{ position:relative;top:0;left:90px;width:815px; float:left;  }
.liright_lbg{ position:absolute; top:50%; left:0px; width:8px; background: url(../images/leftbg.jpg) no-repeat 0 center; margin-top:-10px; }
.hisct{font-size:12px;color:#6e6e6e;width:780px; float:left; margin-left:7px; padding:15px; border:1px solid #e0e0e0;border-bottom:4px solid #e0e0e0;  }
.hisct_img{ width:217px; height:127px; float:left; margin-right:20px;}
.hisct_rig{ width:540px; float:left;}
.histt{width:780px; float:left;}
.thiscur .hisct{ background: url(../images/on_bg.jpg) repeat-y #ececec; border:none; color:#333;}
.thiscur .liright_lbg{position:absolute; top:50%; left:0px; width:8px;background: url(../images/arrleft.jpg) no-repeat 0 center;margin-top:-8px;}
.md{font-size:18px;color:#AEAEAE;}
.year{font-size:18px;color:#999;}

.point{width:90px;position:absolute;top:0;left:0px;overflow:hidden; margin-top:18px;}
.point3{ float:left; width:60px; background:f00; color:#999; font-size:18px;}
.thiscur .point3 span{ color:#993300; background:none;}
.point2{float:left;height:16px; margin-top:11px;}
.point2 b{
	height:12px;width:12px;background:#ccc;display:block;border-radius:18px; 
	
	top:0;left:0;
	float:left;
	
}
.thiscur .point b{ background:#ff9900; width:12px; height:12px;}
.thiscur .histt a{color:#6bc30d;}
.histt a{
	font-size:12px;color:#666;

}
#arrow{top:2px;left:30px;}
*html #arrow{position:absolute;}

#arrow ul li{
	display:block;height:28px;width:28px;cursor:pointer;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
#arrow ul li:active{background-color:#000;}
#arrow ul .arrow_active{
	background-color:#000;
	-webkit-transition:all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition:all 0.1s ease-in;
	transition:all 0.1s ease-in;
}
#arrow ul .arrowup{ margin-left:52px;}
#arrow ul .arrowdown{margin:11px 0 0 52px;}