/* 效果CSS开始 */
.pic_photo{width:900px;height:706px;position:relative;margin:0 auto;}

.pic_photo .btn{position:absolute;cursor:pointer;z-index:99;}
/* 
.pic_photo .prev{left:0;background:url(../images/prev_page.gif) no-repeat;}
.pic_photo .prev:hover{left:0;background:url(../images/prev_page_h.gif) no-repeat;}
.pic_photo .next{right:0;background:url(../images/next_page.gif) no-repeat;}
.pic_photo .next:hover{background:url(../images/next_page_h.gif) no-repeat;}

*/
.pic_photo #prev,.pic_photo #next{bottom:5px;width:24px;height:118px;display:none;}

.pic_photo #prevTop,.pic_photo #nextTop{top:238px;width:32px;height:56px;text-indent:-9999em;overflow:hidden;}
.pic_photo #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;left:20px;}
.pic_photo #prevTop:hover{background:url(../images/prevBtnTop_h.png) 0 0 no-repeat;}
.pic_photo #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;right:20px;}
.pic_photo #nextTop:hover{background:url(../images/nextBtnTop_h.png) 0 0 no-repeat;}


.pic_photo li{float:left;}
.pic_photo .cf li{position:relative;color:#333;}
.pic_photo #picBox .cf a{display:block;width:900px;height:560px;}

.pic_photo .picBox{width:900px; height:560px; position:relative;overflow:hidden; background:#fff;}
.pic_photo .picBox ul{height:900px;position:absolute; left:0;}
.pic_photo .picBox li{width:900px;height:560px;}
.pic_photo .picBox li img{width:900px;height:560px;}



.pic_photo .listBox{width:900px;height:134px;position:absolute;bottom:0;left:0;overflow:hidden;}
.pic_photo .listBox ul{height:134px;position:absolute;padding-left:0;}
.pic_photo .listBox li{width:228px;height:134px;cursor:pointer;}

.pic_photo .listBox li a{display:block;position:relative;}
.pic_photo .listBox li a i{display:block;background:none;width:216px;height:134px;position:absolute;z-index:2}
.pic_photo .listBox .on a i{background:url(../images/arr.png) center top no-repeat;}

.pic_photo .listBox img{width:216px;height:134px;}
.pic_photo .listBox .on img{width:216px;height:134px;}