@charset "utf-8";
/* CSS Document */

/*图片内容*/
.photo_prev{position:absolute;left:0;top:0;width:50%;height:100%;z-index:100}
.photo_next{ position:absolute; right:0; top:0; width:50%; height:100%; z-index:100}
.photo_prev a,.photo_next a{background-image: url({IMG_PATH}blank.gif);display:block; width:100%; height:100%; outline:none;}
.photo_prev a{cursor:url(../images/prev.cur), auto;}
.photo_next a{cursor:url(../images/next.cur), auto;}

#Article .big-pic{ text-align:center; border:1px solid #ededed; position: relative;}
#Article .big-pic #big-pic{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; width:640px; height:480px;}

/*大图名称*/
#Article .big-pic #picinfo{ position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:32px;}

#Article .list-pic{ position:relative; padding-top:25px;}
#Article .cont{overflow:hidden; width:104px; height:440px;}
#Article .cont ul{width:104px;}
#Article .cont li{  width:104px; height:88px; text-align:center; display:block; overflow:hidden}
#Article .cont li .img-wrap{width:100px; height:75px; margin:0 auto;}
#Article .cont li .img-wrap a{*font-size:55px;width:100px; height:75px;outline: medium none;}
#Article .cont li.on .img-wrap{ border:2px solid #ffb017}


#Article .pre-bnt,#Article .next-bnt{cursor: hand;!important;cursor: pointer; position:absolute;}
#Article .pre-bnt,#Article .next-bnt,#Article .pre-bnt span,#Article .next-bnt span{background: url(../images/big-btn.png) no-repeat; display:block; width:17px; height:69px;}
#Article .pre-bnt:hover, #Article .next-bnt:hover,#Article .pre-bnt-on,#Article .next-bnt-on{background-position: 0 -78px;}
#Article .pre-bnt span{background-position: -30px top;}
#Article .pre-bnt:hover span,#Article .pre-bnt-on span{background-position: -30px -78px;}
#Article .next-bnt span{background-position: -55px top;}
#Article .next-bnt:hover span,#Article .next-bnt-on span{background-position: -55px -78px;}

#Article .pre-bnt{transform: rotate(90deg); left:40px; top:-28px;}
#Article .next-bnt{transform: rotate(90deg); left:40px; bottom:-45px;}


.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}