#content{position:relative; margin:0 auto; width:880px; min-height:720px;}
#content .wrapper{position:relative; width:880px; margin:0 auto;}
#content .main{background:url(../images/line-bg.png) repeat-y 159px 0;}
#content .main .title{position:absolute; left:130px; top:0; width:57px; height:57px; background:url(../images/clock.png) no-repeat;}
#content .main .year{position:relative; z-index:100; width:880px;}
#content .main .year h2{width:90px; height:57px; padding-right:20px; font-size:24px; font-weight:normal; line-height:57px; text-align:right;}
#content .main .year h2 a{color:#E0EEFF;}
#content .main .year h2 i{display:block; position:relative; height:0; width:0; left:97px; top:-30px; border-width:6px; border-style:solid; border-color:#B7C9DF transparent transparent transparent; -webkit-transition:.5s;
-moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s; -webkit-transform-origin:6px 3px; -moz-transform-origin:6px 3px; -ms-transform-origin:6px 3px; -o-transform-origin:6px 3px; transform-origin:6px 3px;}
#content .main .year .list{margin:10px 0; position:relative; overflow:hidden; -webkit-transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; -moz-transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; -ms-transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; -o-transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; transition:height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s;}
	
#content .main .year .list ul{bottom:0;}
#content .main .year .list ul li{background:url(../images/circle.png) no-repeat 152px 15px; padding:10px 0; color:#a1a4b8;}
#content .main .year .list ul li.highlight{background-image:url(../images/circle1.png);}

.cls{zoom:1;}
.cls:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#content .main .year .list ul li.highlight .date, #content .main .year .list ul li.highlight .intro{color:#9CBDE9;}
#content .main .year .list ul li .date, #content .main .year .list ul li .version{float:left; display:block; clear:left; width:135px; line-height:24px; text-align:right}
#content .main .year .list ul li .date{font-size:16px; line-height:22px; color:#bec1d5;}
#content .main .year .list ul li .date b{font-size:12px; font-weight:normal;}
#content .main .year .list ul li .intro, #content .main .year .list ul li .more{float:left; display:block; width:700px; margin-left:45px; line-height:24px;}
#content .main .year .list ul li .intro{font-size:14px; line-height:24px; color:#bec1d5;}
#content .wrapper:first-child .main .year.close h2 i{transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}
#content .wrapper:first-child .main .year.close .list{opacity:0; height:0!important;}
.ie7 #content .main .year h2 i{left:40px;}