@charset "utf-8";

#box1 { position:relative; padding:50px 0 50px;}
#box1 >img { position:absolute; right:20px; top:50%; width:82px; margin:-41px 0 0 0;}

#box2 { padding:0 0 60px;}
#box2 .paging { padding:50px 0 0;}
#box2 .li { padding:6px 0; border-bottom:1px solid #e5e4e2;}
#box2 .li a { position:relative; display:block; padding:20px; height:130px;}
#box2 .li a:hover { background:#f0efed;}
#box2 .li a >img { float:left; width:200px; height:130px;}
#box2 .li a >span { float:left; width:200px; height:130px; text-align:center; color:#f8d8bc; font:24px/130px "Trebuchet MS","Lucida Sans Typewriter","Lucida Sans",Arial;}
#box2 .li a:hover >span { color:#e2b793;}
#box2 .li a h3 { margin:10px 0 0 400px; line-height:30px; font-size:18px; font-weight:normal;}
#box2 .li a hr { margin:5px auto 5px 0px; width:28px; height:1px; border:0; background:#f18510;}
#box2 .li a p { margin:5px 0 5px 400px; height:60px; color:#908d88; line-height:20px; overflow:hidden;}
#box2 .li a >div { position:absolute; right:0; top:0; width:95%; height:100%; background:url(../images/news_link.png) repeat-y 150% 50%; transition:all .2s;}
#box2 .li a:hover >div { border:0; background-position:100% 50%;}