@charset "gb2312";
/* CSS Document */
.sudy-pics-box { width:100%; height:100%; margin:0 auto; overflow:hidden; position:relative;}
.sudy-pics { display:block; width:100%;}
.sudy-pics li { display:inline-block; float:left; width:181px; height:164px; margin:0 6px 0 0; position:relative; overflow:hidden;}
.sudy-pics li img { width:100%; height:100%; border:0}
.sudy-pics li .pic-title,.sudy-pics li .title-bg { width:100%; height:24px; position:absolute; left:0; bottom:0;}
.sudy-pics li .title-bg {background:#000000; z-index:0; filter:alpha(opacity=70); opacity:0.7;}
.sudy-pics li .pic-title h2 { width:130px; height:24px; text-align:center; line-height:24px; font-size:12px; color:#fff; font-weight:normal; position:absolute; left:0; bottom:0; overflow:hidden;}
.sudy-pics li .pic-con,.sudy-pics li .con-bg { width:100%; height:100%; position:absolute; left:0; bottom:0;}
.sudy-pics li .pic-con { display:none; top:164px; }
.sudy-pics li .con-bg { background:#000;filter:alpha(opacity=70); opacity:0.7; z-index:0;}
.sudy-pics li .pic-text { width:110px; height:164px; overflow:hidden; line-height:22px; font-size:12px; color:#fff; position:absolute; left:10px; top:10px; font-size:13px; font-weight:normal;}
.sudy-pics li a.pic-more { }
.sudy-pics li a.pic-more:hover { background-position:-57px 0;}
.sudy-pics li a.pic-more:active { background-position:-112px 0;}
.sudy-pics li .pic-more span { display:none;}
.scroll_wrap .navigation { display:none;}
.scroll_wrap .next {  display:block; width:22px; height:164px; cursor:pointer; color:#fff; text-align:center; line-height:164px; background:#db2f2f; font-size:14px; font-weight:bold; position:absolute; left:538px; top:0; text-decoration:none;}
.scroll_wrap .next:hover { text-decoration:none; background:#C00}
.scroll_wrap .sudypics { width:560px; height:164px;}