.mt10{ margin-top:10px;}
.case_left,.case_right{ float:left; display:inline-block; height:auto; overflow:hidden; }
.case_left{ width:555px; margin-right:10px;}
.case_pic_t{ width:555px; height:7px; background:url("../images/bg_case_bpic.gif") no-repeat 0 0; overflow:hidden;}
.case_pic_b{ width:553px; height:485px; background:#e5e5e5;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;  padding-bottom:6px; overflow:hidden; position:relative; }

.case_pic_s{ width:555px; height:70px; background:url("../images/bg_case_spic.gif") no-repeat 0 0;}
.case_pic_s ul{ margin-left:6px;}
.case_pic_s ul li{ float:left; display:inline; width:auto; margin:7px 6px;overflow:hidden;}
.case_pic_s ul li a{ height:55px; padding-bottom:6px;}
.case_pic_s ul li a img{ border:1px solid #fff;}
.case_pic_s ul li a:hover{ padding-bottom:6px; background:url("../images/ico_arrwh.gif") no-repeat 50% 100%;}

.case_right{ width:375px;font:14px/26px sans-serif; margin-left:15px; float:left; font-family:Microsoft YaHei;}
.case_t{ width:375px; height:6px; background:url("../images/bg_case_t.gif") no-repeat 0 0; overflow:hidden;}
.case_f{ width:375px; height:6px; background:url("../images/bg_case_f.gif") no-repeat 0 0; overflow:hidden;}
.case_c{ width:349px; height:auto; padding:4px 12px 8px; overflow:hidden; background:#fff; border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9; color:#494646;}
.case_info{ }
.case_info li{ float:left; width:100%;}
.case_info li span,.case_info li p{ float:left; display:inline-block;}
.case_info li span{ width:80px;}
.font18{ font:bold 18px/36px "Microsoft Yahei",Arial,sans-serif; color:#474747;}
.download{ margin:6px 0 0;}
.download img{ vertical-align:middle; margin:0 2px;}
.download p img{ margin:6px 3px;}
.txtblue{ font:bold 16px/36px "Microsoft Yahei",Arial,sans-serif; color:#1a78b5;}

#bigcase{ position:relative; width:540px; height:400px;overflow:hidden;padding:0 7px 7px;}
#bigcase .ui-els-hide{ display:none }
#bigcase ul{ position:absolute; z-index:99; }
.casePrev,.caseNext{ position:absolute; z-index:100; display:inline-block;top:186px; cursor:pointer;}
.casePrev{ left:15px; }
.caseNext{ right:17px; }
#case_play_prev{ background:url("../images/leftbig.png"); width:50px; height:48px; display:block; _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='images/leftbig.png');}
#case_play_next{ background:url("../images/rightbig.png") no-repeat; width:50px; height:48px; display:block; _background:none;  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='images/rightbig.png');}
#play_pre{}
#play_next{}

#cases{ width:555px; height:70px; background:url("../images/bg_case_spic.gif") no-repeat 0 0; padding:7px 6px 0;}
* HTML #cases{ height:100% }
#cases li{ float:left; display:inline; width:auto; margin:0 6px;overflow:hidden;}
#cases li a{ display:block; height:55px; padding-bottom:6px;}
#cases li a:hover{ background:url("../images/ico_arrwh.gif") no-repeat 50% 100%;}
#cases li a img{ border:1px solid #ececec;}
#cases li a:hover img,#cases li a.current img{ border:1px solid #fff;}
.image a img,.caseItem a img{ }

.bigbtnPrev,.bigbtnNext{ z-index:100; position:absolute; width:50px; height:48px; top:186px; cursor:pointer; }
.bigbtnPrev{ left:15px; }
.bigbtnNext{ right:17px; }
#big_play_prev.#big_play_next{ width:50px; height:48px; display:block; _background:none;}
#big_play_prev{ background:url("../images/leftbig.png"); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='images/leftbig.png');}
#big_play_next{ background:url("../images/rightbig.png") no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='images/rightbig.png');}

.tjlist{ width:395px; margin:18px auto 0; }
.tjlist ul{ position:absolute; z-index:99; }
.tjlist li{ float:left; display:inline-block; width:115px; height:auto; margin:0 10px; overflow:hidden;}
.tjlist li img{ width:115px; height:78px; overflow:hidden;}
.tjlist li .ptit{ width:115px; text-indent:5px; height:auto; padding-top:5px; background:#fff; font:14px/24px "Microsoft Yahei",Arial,sans-serif; color:#222;}
.tjlist li .ptit a{ display:block; color:#494949;}
.tjlist li .ptit a:hover{ color:#d40a0a;}
.tjlist li .case_f{ display:block; width:115px; height:18px;background:url("../images/bg_casetit.gif") no-repeat 50% 100%;}
.tjlist li span{ display:block; margin-right:5px; text-align:right; font-size:12px; color:#494949;}
.tjlist li .arrbk{ display:inline-block; width:12px; height:12px; background:url("../images/ico_arrbk.gif") no-repeat 0 0; margin:14px 8px 0 0;}

.tjs{ width:555px; height:70px; background:url("../images/bg_tuijian_f.gif") no-repeat 0 0; padding:7px 6px 0;}
* HTML .tjs{ height:100% }
.tjs li{ float:left; display:inline; width:auto; margin:0 6px;overflow:hidden;}
.tjs li a{ display:block; height:55px; padding-bottom:6px;}
.tjs li a:hover{ background:url("../images/ico_arrwh.gif") no-repeat 50% 100%;}
.tjs li a img{ border:1px solid #ececec;}
.tjs li a:hover img,.tjs li a.current img{ border:1px solid #fff;}

.caselistBox{ position:absolute; z-index:88; width:540px; left:6px;background:#ccc;}
.img-main{ }

.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("../images/prev_next.gif") no-repeat 0 0; float:left; }
.prevPic:hover{ background-position:0 100%;}
.nextPic{ background:url("../images/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("../images/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;position:relative; text-align:center;}
#imgLoading{ position:absolute; width:20px;height:21px; left:50%; top:180px; margin-left:-10px;}
#slideVideo{ cursor:pointer;}

a{ cursor:pointer;}
.imgpn{ display:block;width:50px; height:48px; text-indent:-9999px; background-image:url("../images/blank.png");position:absolute; top:165px; z-index:9999; overflow:hidden;*zoom:1; _background:none;}
.img-prev{ left:0px; background:url("../images/leftbig.png") no-repeat 0 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='images/leftbig.png');}
.img-next{ right:0px; background:url("../images/rightbig.png") no-repeat 0 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='images/rightbig.png');}
.imgzoom{ width:100%;left:0px;cursor:url("../images/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; }
.thisimg{ background: url("../images/ico_arrwh.gif") no-repeat 50% 100%;}


#zzsc {  position:relative;height:400px; width:540px; margin:0 auto; background:#CCC;}
#zzsc .pre,#zzsc .next{ display:block; position:absolute; background:url("../images/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("../images/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;}