@charset "utf-8";

/* 图片列表页  图片显示页 star */

.Image_list{ clear:both; overflow:hidden; padding:0px 10px 24px 10px; font-size:12px ;width:686px;}
.Image_list ul{ clear:both; overflow:hidden; width:686px; ; padding:12px 0;*padding:14px 0;_padding:12px 0;}
.Image_list ul li{ float:left; padding:19px 9px 20px 10px; overflow:hidden; height:130px; line-height:20px;  text-align:center; width:152px;overflow:hidden}
.Image_list ul li p{ height:20px; overflow:hidden;}
.Image_list ul li.hr{ clear:both;width:100%; height:1px; padding:0px;margin:0px;border-bottom:#dadada dotted 1px}
.Image_list ul li img{ border:#dadada solid 1px; margin-bottom:14px;}
.Images_show h1{ font-size:16px; padding-top:10px; line-height:20px;padding-bottom:5px; font-family:"SimHei"; text-align:center;}
.Images_show{ clear:both; padding:0px 14px 14px 14px;}
.Images_show_list{ padding-top:20px; width:686px;height:40px;} 
.Images_show_list dd{height:30px; float:left;}
.Images_show_list dd a{background:url(bf.png) no-repeat; display:block; float:left;  margin-right:8px;}

#selectTime{ background:url(bf.png) 0px -1px repeat-x; float:left; width:33px;padding-right:10px; height:28px; line-height:28px;  font-weight:bold;margin-right:8px; position:relative; z-index:3;text-align:center}
#selectTime #selectAuto{ position:absolute; left:1px; background:url(selectAutobg.jpg); height:122px;padding-top:5px; width:43px;border-top:0px; top:27px; z-index:4; display:none; text-align:center}
#selectTime #selectAuto p{ text-align:center; height:12px; cursor:pointer;}
#selectTime #selectAuto p.on{ background:url(selectAutoOn.jpg) no-repeat 15px 0px; }
.Images_show_list dd a.list_2{ background-position:-50px -1px; width:31px; height:28px;}
.Images_show_list dd a.list_2:hover{ background-position:-50px -51px; width:31px; height:28px;}

.Images_show_list dd a.isnot_play{background-position:-300px -1px; width:31px; height:28px;}
.Images_show_list dd a.isnot_play:hover{ background-position:-300px -51px; width:31px; height:28px;}
.Images_show_list dd a.is_play{background-position:-100px -1px; width:31px; height:28px;}
.Images_show_list dd a.is_play:hover{ background-position:-100px -51px; width:31px; height:28px;}

.Images_show_list dd a.list_4{background-position:-150px -1px; width:31px; height:28px;}
.Images_show_list dd a.list_4:hover{ background-position:-150px -51px; width:31px; height:28px;}

.picclose{position:absolute; right:0px;top:0px;margin:5px; height:14px; width:14px; text-align:center; padding:0px; font-size:12px; line-height:14px; border:1px solid #666; display:inline-block; cursor:pointer}
#Pic_comment{ float:left; width:31px;height:28px; line-height:28px; margin-right:8px; position:relative; z-index:3; background:url(bf.png) -200px -1px repeat-x; }
#Pic_comment form{ position:absolute; left:-22px; background:url(commentbody.gif) no-repeat; height:137px;padding-top:10px; width:247px;border-top:0px; top:27px; z-index:4; display:none; text-align:center;}
#Pic_comment p{ height:24px; text-align:right;padding-top:6px;padding-right:10px;}
#Pic_comment p img{ cursor:pointer}
#Pic_comment textarea{ width:225px; height:57px; border:1px solid #CCCCCC}
.commonsub{ width:69px; height:21px; background:url(commonsub.gif) no-repeat;border:0px; color:#FFF;}

.Images_show_list dd a.list_5{background-position:-200px -1px; width:31px; height:28px;}
.Images_show_list dd a.list_5:hover{ background-position:-200px -51px; width:31px; height:28px;}

.Images_show_list dd a#displayms{background-position:-250px -1px; width:31px; height:28px;}
.Images_show_list dd a#displayms:hover{ background-position:-250px -51px; width:31px; height:28px;}
.Images_show_list dt{ float:right; color:#05519C; padding:10px 23px 0 0}

#otherPic{ width:470px; height:auto; background:#EFEFEF;;left:57px;top:59px;border:1px solid #999;
padding:25px; text-align:left; display:none;}
#otherPic dl{ border-bottom:1px solid #CCC; height:80px;}
#otherPic dl dt{ float:left; width:92px; height:62px; overflow:hidden; background:#FFF; text-align:center}
#otherPic dl dd{ float:left;padding-left:10px;}
#otherPic dl dd h2{ height:20px; overflow:hidden; font-size:14px; font-weight:100; line-height:20px;}
#otherPic dl dd p{padding-top:15px;}
#otherPic dl dd p a{ background:#999; display:inline-block; padding:5px;margin-right:10px; color:#FFF;}
#otherPic ul{padding-top:10px; clear:both;}
#otherPic ul tt{ width:100%; height:25px; line-height:25px; display:block;}
#otherPic ul li{ float:left;margin-left:21px; width:132px; height:156px;padding:4px; float:left; border:1px solid #c9c9c9; text-align:center; background:#FFF;}
#otherPic ul li p{ line-height: 18px; text-align:left; height:40px; overflow:hidden;}
#otherPic ul li p.p{ height:110px; text-align:center;padding-bottom:8px;}

#photobox{ position:relative;clear:both;border:#dadada solid 1px; z-index:1; text-align:center; overflow:hidden; width:666px; height:auto;}
#photo_prev{ position:absolute; left:0; top:0; width:50%; height:100%; z-index:2; }
#photo_next{ position:absolute; right:0; top:0; width:50%; height:100%; z-index:2;}
#photo_prev a,#photo_next a{width:100%; height:100%; outline:none; background:url(blank.gif); display:block}
#pictures{ position:relative; width:372px; height:74px; overflow:hidden; text-align:left; float:left;}
#pictureurls{position:absolute;}

.img_photo{ clear:both; overflow:hidden; margin-top:10px; position:relative;}
.lt{ background:url(photo.png) no-repeat 0 0; width:100px; height:56px; padding:3px 3px 7px 7px; margin-bottom:9px;}
.img_photo dd{ width:110px; overflow:hidden;margin-right:10px;}
.img_photo dd,.img_photo dt{ text-align:center; float:left}
.lt_nav{ float:left; background:url(lr.png) no-repeat 0 0; width:20px; height:54px; margin-top:6px;}
.img_photo ul{ float:left;}
.img_photo ul li{ float:left; margin-left:15px;width:103px;border:#CCC solid 1px; padding:1px; text-align:center;}
.img_photo ul li.on{ border:2px solid #FFB017;padding:0px}
.rt_nav{ float:left; background:url(lr.png) no-repeat -20px 0; width:20px; height:54px; margin-top:6px; margin-left:12px; margin-right:10px;}
.rt{ float:left; background:url(photo.png) no-repeat -110px 0; width:100px; height:56px; padding:3px 7px 7px 3px; margin-bottom:9px;}
.Images_show_about{ clear:both; overflow:hidden; border-top:solid 1px #dadada; padding:10px; line-height:24px; margin-top:10px;}
.Images_show_about h3{ font-size:14px; color:#05519B; padding-bottom:10px;}

#picturelists{ clear:both; overflow:hidden; padding:0px 10px 24px 10px; font-size:12px ;width:686px; display:none;}
#picturelists ul{ clear:both; overflow:hidden; width:686px; border-bottom:#dadada dotted 1px; padding:12px 0;*padding:14px 0;_padding:12px 0;}
#picturelists ul li{ float:left; margin:6px;text-align:center; width:154px;overflow:hidden; border:1px }
#picturelists ul li tt{border:#dadada solid 1px; width:148px;padding:2px; height:100px; display:block;}
#picturelists ul li p{ height:28px; line-height:28px; overflow:hidden;}


.piclist ul li{ float:left;}
.piclist ul li{ padding:7px; text-align:center; width:160px; float:left; position:relative; z-index:99;}
.piclist ul li p{height:25px; line-height:25px; overflow:hidden;}
.piclist ul li p.img{height:127px;}
.piclist ul li p.img a{ border:1px solid #EFEFEF;}
.piclist ul li p.img a:hover{ border:1px solid #666;}
.piclist ul li a.playimg{position:absolute; display:inline-block; top:7px; left:7px; width:147px; height:127px; z-index:99; background:url(play.png) center center no-repeat;}
.piclist ul li a.playimg:hover{ background:url(playhover.png) no-repeat center center;}