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



/*------------------------------------------------------------*/
.caselistBox{ position:absolute; z-index:88; width:540px; left:6px;/*margin:0 auto;*/background:#ccc;}
.img-main{ }
/*.imgTitles{ text-align:center; line-height:28px; font-size:22px; font-weight:bold;}
.imgTool{line-height:34px; text-align:right; border-bottom:1px solid #DDDDDD;color:#666}*/
.bigImgContent{ width:540px;height:400px;text-align:center;vertical-align:middle; overflow:hidden; margin:0 auto;}
.bigImgContent span{ display:table-cell; display:block;*display:inline-block;vertical-align:middle;*font-size:400px;width:540px;height:400px;overflow:hidden;}
.bigImgContent span img{vertical-align:middle; max-width:540px; max-height:400px; }
.prevPic,.nextPic{ display:block; width:20px; height:55px; margin-top:1px; text-indent:-9999px;}
.prevPic{ background:url(prev_next.gif) no-repeat 0 0; float:left; }
.prevPic:hover{ background-position:0 100%;}
.nextPic{ background:url(prev_next.gif) no-repeat 100% 0; float:right; }
.nextPic:hover{ background-position:100% 100%;}

.smallImgTab{ height:65px; margin:5px 5px; padding-bottom:2px;}
#smallImgScroll{ position:relative; height:65px; margin:0 4px; overflow:hidden;}
.smallImgList{ position:absolute;left:0; top:0; z-index:2;}
.smallPicBg{ position:absolute; left:4px; top:0; width:72px;height:65px; z-index:1;background: url(ico_arrwh.gif) no-repeat 50% 100%;}
.smallImgList li{ float:left; display:inline-block; width:72px; height:65px; padding:0 5px; overflow:hidden;}
.smallImgList li img{ display:block; width:72px; height:55px; border:1px solid #fff;}
.smallImglist li div{ height:55px;}
.smallImgList li a{ display:block;position:relative; margin:0 auto; width:auto; height:55px; }
.smallImgList li span{ display:block; position:absolute; padding:0 2px; right:2px; bottom:2px; line-height:16px; background:#000; color:#999;}
.smallImgList li a:hover{ text-decoration:none;}
.smallImgList li a:hover span{ background:#333;color:#fff;}
.scrollLine{ height:7px; position:relative; margin:0 26px; display:none;}
#scrollButton{ position:absolute;width:172px;height:13px; left:0; top:0;cursor:e-resize;}
#imgContent{ width:100%;_height:504px;/*ie6需要定义宽高*/position:relative; text-align:center;}
#imgLoading{ position:absolute; width:20px;height:21px; left:50%; top:240px; margin-left:-10px;}
#slideVideo{ cursor:pointer;}

a{ cursor:pointer;}
.imgpn{ display:block;width:50px; height:48px; text-indent:-9999px; background-image:url(blank.png);position:absolute; top:165px; z-index:9999; overflow:hidden;*zoom:1; _background:none;}
.img-prev{ left:0px; background:url(leftbig.png) no-repeat 0 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='images/leftbig.png');}
.img-next{ right:0px; background:url(rightbig.png) no-repeat 0 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='images/rightbig.png');}
.imgzoom{ width:100%;left:0px;cursor:url("zoom.cur"), pointer; z-index:90;}

/*弹出框*/
.popup-layer{ position:absolute; z-index:99999;display:none;width:540px;height:400px;left:6px;color:#fff;}
.popup-layer-rel{ position:relative;}
.layer-close{ display:block;position:absolute; top:7px;right:9px;border:1px solid #fff;width:9px;height:9px;font-size:13px; text-align:center; line-height:9px; cursor:pointer; overflow:hidden; z-index:6; font-family:Arial, Helvetica, sans-serif;}
.thisimg{ background: url(ico_arrwh.gif) no-repeat 50% 100%;}
body,td,th {font-family: "lucida grande", tahoma, verdana, arial, sans-serif;}

/*弹出列表*/
#zzsc {  position:relative;height:400px; width:540px; margin:0 auto; background:#CCC;}
#zzsc .pre,#zzsc .next{ display:block; position:absolute; background:url(nav.png) no-repeat;height:47px; width:25px; cursor:pointer; }
#zzsc .pre { background-position:-50px 0; left:5px;top:170px; }
#zzsc a.pre:hover { background-position:-75px 0; }
#zzsc .next { background-position:0 0;right:5px; top:170px; }
#zzsc a.next:hover { background-position:-25px 0; }

#zzsc #wai_box { position:relative; width:395px; height:400px; margin:0 auto; overflow:hidden;}
#zzsc #wai_box .clist_tit{ font:bold 16px/36px "Microsoft Yahei",Arial,sans-serif; color:#1a78b5;}
#zzsc #wai_box .zzsc_box .title { display:block; width:115px; height:auto; font:12px/18px "Microsoft Yahei",Arial,sans-serif; color:#fff; background:#fff;text-indent:5px; color:#494949; margin:0; padding:0; overflow:hidden;}
#zzsc #wai_box .zzsc_box .title span{ display:block; margin:0 5px 0 0;padding:0;font-size:11px; line-height:14px; text-align:right; }
#zzsc #wai_box .zzsc_box .title a{ text-decoration:none; color:#494949;}
#zzsc #wai_box .zzsc_box .title a:hover{ color:#1a78b5;}

#zzsc .zzsc_box { width:1620px; position:absolute; left:0px; top:34px; }
#zzsc .zzsc_box ul { float:left; display:block; width:395px; height:400px; overflow:hidden; }
#zzsc .zzsc_box li { float:left; font-size:0px; line-height:0px; position:relative;width:115px; margin:0 6px; overflow:hidden;}
#zzsc .zzsc_box li img{ width:115px; height:78px; overflow:hidden;}
#zzsc .zzsc_box li p a{ }
#zzsc .zzsc_box li p a:hover{}
#zzsc .zzsc_box li .case_f{ display:block; margin:0; width:115px; height:12px;background:url(bg_casetit.gif) no-repeat 50% 100%;}
#zzsc .zzsc_box a.img:hover { -moz-opacity:0.9; -khtml-opacity:0.9; Opacity:0.9; Filter:alpha(opacity=90); outline:none; }
#zzsc .zzsc_box .img { display:block; }

#zzsc .nav{ display:none; width:231px; height:10px; margin:20px auto 0;}
#zzsc .nav a{ float:left; display:block; background:rgba(100, 100, 100, 0.7); width:75px; height:10px; font-size:0px; line-height:0px; margin-right:2px; cursor:pointer; }
#zzsc .nav a:hover{ background-color:#F9B766;}
#zzsc .nav .now{ background-color:#F9B766;}