.lsbg{ width:100%; background:url(../images/p_4_1.jpg) no-repeat 0 0; overflow:hidden}
#about-4 #history {height:250px; overflow:hidden; border-bottom:#ddd 3px solid;}
#about-4 #history .viewport {position:relative;  margin:0 auto; width:1100px; height:100%; overflow:visible;}
#about-4 #history .viewport .btn {display:none; position:absolute; top:50%; z-index:2; margin-top:-22px; width:44px; height:44px; background:no-repeat 0 0;}
#about-4 #history .viewport .prev {left: -50px;background-image:url(../images/btn_prev.png); border:0; opacity:0.6}
#about-4 #history .viewport .next {right:-50px;background-image:url(../images/btn_next.png); border:0; opacity:0.6}
#about-4 #history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#about-4 #history .viewport .wrap .item {position:absolute; bottom:-100%; width:275px; background:url(../images/p_4_3.jpg) repeat-y 6px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
#about-4 #history .viewport .wrap .on {bottom:0;}
#about-4 #history .viewport .wrap .item div {padding:5px 16px 5px 29px ;background:url(../images/p_4_2.png) no-repeat 0 0;}
#about-4 #history .viewport .wrap .item div p {margin-bottom:5px; line-height:20px; color:#777;}
#about-4 #history .viewport .wrap .item div .year {display:block; margin:10px 0; font:lighter 40px "Arial" !important; color:#2a8043;}
#about-4 .link {position:relative; z-index:2; padding:15px 0 20px 0; height:165px; background-color:#fff;}