/* 公共 */
.cf:after{content:"";display:block;clear:both;height:0;overflow:hidden}
.cf{zoom:1}

/* 图片列表 */
.pho_list{width:706px;overflow:hidden;margin:-8px auto 0}
.pho_list ul{width:716px}
.pho_list li{float:left;width:169px;height:156px;margin:10px 10px 0 0;overflow:hidden;_display:inline}
.pho_list li a{display:block;border:1px solid #fff}
.pho_list li a img{display:block;overflow:hidden;width:163px;height:124px;padding:2px}
.pho_list li a u{display:block;overflow:hidden;height:26px;line-height:26px;text-align:center;text-decoration:none}
.pho_list li a:hover{color:#fff;border:1px solid #02A0E9}
.pho_list li a:hover u{background:#02A0E9}
.pho_show h1{height:30px;line-height:30px;overflow:hidden;text-align:center;font-size:18px}
.pho_show .info{height:24px;line-height:24px;text-align:center;padding:6px 0}
.pho_show .info span{padding:0 8px}
.pho_show #main_a{position:relative;width:100%;height:600px;overflow:hidden;text-align:center;margin-top:5px;background:url(../img/loader.gif) center no-repeat}
.pho_show #main_a .pic{z-index:1;position:absolute;width:100%;height:100%;top:0;left:0}
.pho_show #main_a .go_l,.pho_show #main_a .go_r{z-index:2;display:block;position:absolute;top:0;width:50%;height:100%}
.pho_show #main_a .go_l b,.pho_show #main_a .go_r b{display:block;position:absolute;width:38px;height:78px;top:42%;border-radius:5px;filter:alpha(opacity=0);opacity:0}
.pho_show #main_a .go_l:hover b,.pho_show #main_a .go_r:hover b{filter:alpha(opacity=60);opacity:0.6}
.pho_show #main_a .go_l{left:0;background:url(../img/bg.gif) 0 -1000px no-repeat}
.pho_show #main_a .go_r{right:0;background:url(../img/bg.gif) 0 -1000px no-repeat}
.pho_show #main_a .go_l b{left:40px;background:url(../img/bg.gif) 0 -191px no-repeat}
.pho_show #main_a .go_r b{right:40px;background:url(../img/bg.gif) -38px -191px no-repeat}
.pho_show #main_b{padding:1%}
.pho_show #main_c{height:100px;padding:8px;overflow:hidden;border:1px solid #BDD7F2;background:#EAF2FC}
.pho_show #main_c .small_pic{position:relative;height:90px}
.pho_show #main_c .small_pic .go_l,.pho_show #main_c .small_pic .go_r{display:block;position:absolute;top:7px;width:16px;height:72px}
.pho_show #main_c .small_pic .go_l:hover,.pho_show #main_c .small_pic .go_r:hover{filter:alpha(opacity=80);opacity:0.8}
.pho_show #main_c .small_pic .go_l{left:0;background:url(../img/bg.gif) -77px -191px no-repeat}
.pho_show #main_c .small_pic .go_r{right:0;background:url(../img/bg.gif) -93px -191px no-repeat}
.pho_show #main_c .small_pic .warp{position:absolute;top:0;left:20px;width:650px;height:90px;overflow:hidden}
.pho_show #main_c .small_pic .warp ul{position:absolute;top:0;left:0;width:2000px}
.pho_show #main_c .small_pic .warp ul li{float:left;margin-right:5px;_display:inline}
.pho_show #main_c .small_pic .warp ul li a{display:block;position:relative}
.pho_show #main_c .small_pic .warp ul li a img{width:98px;height:80px;border:3px solid #EAF2FC}
.pho_show #main_c .small_pic .warp ul li a:hover img{border:3px solid #BDD7F2}
.pho_show #main_c .small_pic .warp ul li.on a img{border:3px solid #02A0E9}
.pho_show #main_c .small_pic .warp ul li a b{display:block;position:absolute;bottom:6px;right:6px;background:#0398EB;font-weight:400;font-size:11px;line-height:1;padding:2px;color:#fff;filter:alpha(opacity=60);opacity:0.6}
.pho_show #main_c .small_pic .warp ul li a:hover b{background:#3EB7FC}
.pho_show #main_c .scroll_line{border-top:1px solid #BDD7F2;margin:5px 20px 0;position:relative}
.pho_show #main_c .scroll_line b{display:block;position:absolute;top:-7px;width:150px;height:13px;background:url(../img/bg.gif) 0 -387px no-repeat}
.pho_show #main_c .scroll_line b:hover{filter:alpha(opacity=70);opacity:0.7}
.pho_show #main_d{display:none}
.pho_show #main_end{display:none;border:1px solid #040404;background:#222;z-index:99;position:absolute;top:0;left:0;width:430px;padding:20px 30px;height:230px;border-radius:5px}
.pho_show #main_end .el{float:left;width:200px}
.pho_show #main_end .er{float:right;width:200px}
.pho_show #main_end .me_tit{position:absolute;top:5px;right:0}
.pho_show #main_end .me_tit a{float:right;padding-right:10px}
.pho_show #main_end dl dt{color:#999;font-size:20px;height:45px;line-height:45px}
.pho_show #main_end a{display:block;color:#999}
.pho_show #main_end a:hover{color:#fff}
.pho_show #main_end a img{display:block;overflow:hidden;width:200px;height:150px}
.pho_show #main_end a span{display:block;overflow:hidden;height:35px;line-height:35px;text-align:center}


/* CSS3 动画效果 (不想要动画效果可以把这段代码删除) */
.pho_list img,.pro_list img,.lists li,.flink li,.c2_l img,.c2_r img,.p_cont img,.art_pic img{-webkit-transition:all .5s}
.pho_list img:hover,.pro_list img:hover,.flink li:hover,.c2_l img:hover,.c2_r img:hover,.p_cont img:hover,.art_pic img:hover{-webkit-transform:rotateY(360deg)}
.lists li:hover,.cat_r li:hover{-webkit-transform:scale(1.02)}