@charset "utf-8";
.ny_banner{ position:relative; height:336px; margin-top:-39px; z-index:0;}
.ny_banner_con{ width:1600px; height:336px; overflow:hidden; left:-300px; top:0; position:absolute;}
.ny_main{ background:url(/images/ny_bg.png) 0 -2px no-repeat; width:992px; padding:22px 31px 27px 31px; margin-left:-24px; position:relative; margin-top:-22px;}
#ny_left{ width:189px;}
.pro_classify{ width:184px; background:#e9e9e9;}
.pro_classify li .p1{ height:33px; line-height:33px; overflow:hidden; padding:0 12px; color:#fff; background:#1b941b; font-size:14px; font-weight:bold;}
.pro_classify li .p2{ padding-left:15px; padding-top:13px; padding-bottom:10px;}
.pro_classify li .p2 dd{ background:url(/images/icon01.gif) 0 10px no-repeat; height:28px; line-height:28px; overflow:hidden; padding-left:15px;}
.pro_classify li .p2 dd:hover{ background:url(/images/icon01_hover.gif) 0 10px no-repeat; font-weight:bold;}
.pro_classify li .p2 a{ color:#686868; font-size:13px;}
.pro_classify li .p2 dd.on a,.pro_classify li .p2 dd:hover a{ color:#1b941b; font-weight:bold;}
#procurrenta{ color:#1b941b; font-weight:bold;}

.left_line{ margin-top:10px; font-size:18px; line-height:26px; background:#ececec; font-weight:bold; padding:15px;}
.left_news{ margin-top:10px;}
.left_news .title{ background:url(/images/icon05.jpg) 10px 10px no-repeat #333333; color:#fff; font-weight:bold; font-size:14px; height:29px; line-height:29px; overflow:hidden; padding-left:25px;}
.left_news_list,.left_service{ border:solid 1px #d7d7d7; border-top:none; padding:10px;}
.left_news_list li{ vertical-align:top; height:26px; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.left_news_list li a i{ font-style:normal; font-family:simsun;}
.left_news_list li a:hover{ font-weight:bold;}
.left_service{ line-height:33px;}

.ny_right{ width:780px;}
.location{ text-align:right; border-bottom:solid 1px #e8e8e8; height:33px; line-height:33px; overflow:hidden; color:#aeaeae;}
.location a{ padding:0 5px; color:#aeaeae;}
.location a.home{ text-decoration:underline;}
.location a:hover{ color:#1b941b;}
.location span{ padding-left:5px;}
.location h2{ float:left; text-align:left; width:150px; overflow:hidden; color:#1b941b; font-size:20px; font-weight:bold;}
.pro_main{ overflow:hidden;}
.pro_list{ width:796px;}
.pro_list li{ float:left; margin-top:25px; width:179px; margin-right:20px;}
.pro_list li .li1{ width:173px; height:171px; overflow:hidden; border:solid 1px #d6d6d6; padding:2px;}
.pro_list li .li2{ text-align:center; height:24px; line-height:24px; overflow:hidden; padding-top:3px;}
.pro_list li:hover .li1{ border:solid 1px #1b941b;}
.pro_list li:hover .li2 a{ font-weight:bold; color:#1b941b;}
.page{ margin-top:50px; height:24px; line-height:24px; overflow:hidden; background:#f9f9f9; border:solid 1px #d7d7d7; padding:0 5px; text-align:right;}
.page a{ display:inline-block; border:solid 1px #d4e3e9; margin-left:5px; line-height:17px; height:17px; overflow:hidden; width:13px; text-align:center; margin-top:3px;}
.page a:hover,.page a.cpb{ background:#1b941b; border:solid 1px #d5d5d5; color:#fff;}
.page a.other1{ background:url(/images/first.jpg) 0 0 no-repeat; width:19px; height:17px; padding:0;}
.page a.other2{ background:url(/images/pre.jpg) 0 0 no-repeat; width:19px; height:17px; padding:0;}
.page a.other3{ background:url(/images/next.jpg) 0 0 no-repeat; width:19px; height:17px; padding:0;}
.page a.other4{ background:url(/images/last.jpg) 0 0 no-repeat; width:19px; height:17px; padding:0;}
.page a.other1:hover{ background:url(/images/first_hover.jpg) 0 0 no-repeat;}
.page a.other2:hover{ background:url(/images/pre_hover.jpg) 0 0 no-repeat;}
.page a.other3:hover{ background:url(/images/next_hover.jpg) 0 0 no-repeat;}
.page a.other4:hover{ background:url(/images/last_hover.jpg) 0 0 no-repeat;}


.fast_nav{ background:#f9f9f9; border:solid 1px #d7d7d7; padding:12px; margin-top:20px;}
.fast_nav .title{ background:url(/images/line8.jpg) 0 bottom repeat-x; padding-bottom:10px;}
.fast_nav .title span{ padding-left:24px; background:url(/images/icon06.jpg) 0 0 no-repeat; font-size:16px; color:#1b941b; font-weight:bold;}
.fast_nav01{ font-size:13px; font-weight:bold; color:#666666; padding-top:13px; line-height:24px;}
.fast_nav02{ color:#959595;}
.fast_nav02 a{ display:inline-block; margin:0 5px; line-height:24px; color:#959595;}
.fast_nav02 a:first-child{ margin-left:0;}
.fast_nav02 a:hover{ color:#1b941b;}



.left_nav{ background:#e9e9e9;}
.left_nav .title{ height:33px; line-height:33px; overflow:hidden; padding:0 12px; color:#fff; background:#1b941b; font-size:14px; font-weight:bold;}
.left_nav_list{ padding-top:8px; padding-bottom:10px;}
.left_nav_list li>a{ color:#616161; font-size:13px; padding-left:25px; height:30px; line-height:30px; overflow:hidden; display:block;}
.left_nav_list li>a i{ font-style:normal; font-family:simsun; font-weight:normal;}
.left_nav_list li.current>a,.left_nav_list li:hover>a{ color:#fff; background:#7d7d7d; font-weight:bold;}



.news_list li{ border-top:solid 1px #e5e5e5; padding-top:4px;}
.news_list li:first-child{ border-top:none;}
.news_list li .li_main{ padding:30px 15px;}
.news_list li .li_main .p1{ height:30px; line-height:30px; overflow:hidden;}
.news_list li .li_main .p1 span{ text-align:right; float:right; width:100px; color:#aeaeae;}
.news_list li .li_main .p1 a{ float:left; width:480px; color:#555555; font-size:14px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.news_list li.single .li_main .p1 span{ float:left; text-align:left;}
.news_list li.single .li_main .p1 a{ text-align:right; float:right;}
.news_list li .li_main .p2{ color:#737373; line-height:22px; height:44px; overflow:hidden;}
.news_list li .li_main .p2 a{ color:#1b941b;}
.news_list li .li_main .p2 a:hover{ text-decoration:underline;}
.news_list li.single .li_main .p2{ text-align:right;}
.news_list li .li_main .p3{ padding-top:20px; text-align:right;}
.news_list li .li_main .p3 dd{ display:inline-block; width:134px; height:71px; overflow:hidden; margin-left:16px; *display:inline; zoom:1;}
.news_list li .li_main .p3 dd:first-child{ margin-left:0;}
.news_list li.single .li_main .p3{ text-align:left;}

.news_list li:hover{ background:#ececec;}
.news_list li:hover .p1 a{ color:#1b941b;}


.news_h1{ padding-top:35px; color:#414141; font-size:16px; font-weight:bold;}
.time{ padding-bottom:10px;  line-height:24px; overflow:hidden; border-bottom:dotted 1px #a9a9a9; color:#818181;}
.time span{ padding-right:15px;}
#news_show{ padding-top:25px; line-height:24px;}
.tag{ padding-top:20px; line-height:24px;}
.tag b{ font-size:13px; color:#333333;}
.tag a{ display:inline-block; margin:0 5px;}
.page2{ height:33px; line-height:33px; overflow:hidden; border-top:solid 1px #ebebeb; border-bottom:solid 1px #ebebeb; margin-top:20px;}
.page2 span{ white-space:nowrap; width:350px; text-align:left; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.page2 span b{ color:#414141; font-size:13px;}

.tuijian{ background:#fcfcfc; margin-top:20px; border-top:solid 1px #ebebeb; border-bottom:solid 1px #ebebeb; padding:0 40px;}
.tuijian_left{ height:200px; border-right:solid 1px #ebebeb; width:245px; padding-right:23px;}
.tuijian_left .title{ background:url(/images/weixin_bg.jpg) 0 0 no-repeat; color:#fff; line-height:47px; padding-left:63px; font-size:18px; margin-top:49px;}
.share{ padding-top:20px;}
.share .jiathis_style .jtico{ padding-left:30px!important; height:24px!important;}
.share .jiathis_style .jtico:hover{ opacity:1;}
.share .jiathis_style .jiathis_txt{ line-height:24px; font-size:14px;}
.share .jiathis_style .jtico_tsina{ background:url(/images/sina.jpg) 0 0 no-repeat;}
.share .jiathis_style .jtico_tsina:hover{ background:url(/images/sina_hover.jpg) 0 0 no-repeat;}
.share .jiathis_style .jtico_qzone{ background:url(/images/zone.jpg) 0 0 no-repeat;}
.share .jiathis_style .jtico_qzone:hover{ background:url(/images/zone_hover.jpg) 0 0 no-repeat;}
.share .jiathis_style .jtico_tqq{ background:url(/images/tengxun.jpg) 0 0 no-repeat;}
.share .jiathis_style .jtico_tqq:hover{ background:url(/images/tengxun_hover.jpg) 0 0 no-repeat;}
.share .jiathis_style .jtico_renren{ background:url(/images/ren.jpg) 0 0 no-repeat;}
.share .jiathis_style .jtico_renren:hover{ background:url(/images/ren_hover.jpg) 0 0 no-repeat;}
.share .jiathis_style .jtico_baidu{ background:url(/images/baidu.jpg) 0 0 no-repeat;}
.share .jiathis_style .jtico_baidu:hover{ background:url(/images/baidu_hover.jpg) 0 0 no-repeat;}


.tuijian_right{ width:413px;}
.tuijian_right .title{ width:102px; height:26px; text-align:center; line-height:26px; background:#1cc29d; overflow:hidden; color:#fff; font-weight:bold; font-size:14px; margin-top:13px;}
.tuijian_list{ padding-top:15px;}
.tuijian_list li{ line-height:30px; height:30px; overflow:hidden; text-align:right; color:#c4c4c4; text-align:right;}
.tuijian_list li a{ text-align:left; color:#888888; float:left; width:300px; white-space:nowrap; text-overflow:ellipsis; -o-textoverflow:ellipsis; overflow:hidden;}
.tuijian_list li a:hover{ color:#1cc29d}
.tuijian_list li a i{ font-style:normal; font-family:simsun;}


#process{ padding-top:30px; color:#7c7c7c; line-height:26px;}

.baogao{ overflow:hidden;}
.baogao_list li{ float:left; margin-right:20px; margin-top:40px; width:240px;}
.baogao_list li .li1{ background:url(/images/baogao_bg.jpg) 0 0 no-repeat; width:232px; height:178px; padding:1px 4px 2px 4px; overflow:hidden;}
.baogao_list li .li2{ text-align:center; height:24px; line-height:24px; overflow:hidden;}

.question_list li{ vertical-align:top; margin-top:32px;}
.question_list li .question{ background:url(/images/question_bg.jpg) 0 bottom no-repeat; padding-bottom:4px;}
.question_list li .question span.span1{ display:block; border:solid 1px #e6e6e6; background:url(/images/question.jpg) 12px 7px no-repeat; padding-left:50px; line-height:35px; color:#505050; font-size:13px;}
.question_list li .answer{ padding:19px 40px 0 40px; background:url(/images/answer_bg.jpg) 40px 10px no-repeat;}
.answer_con{ width:685px; background:url(/images/answer_bg2.jpg) 0 0 repeat-y #f1eff0;}
.answer_main{ padding-left:70px; background:url(/images/answer.jpg) 13px 20px no-repeat; padding-top:10px; padding-bottom:10px; line-height:30px; border:solid 1px #dedede; border-top:none;}
.question_list li .question span.span1:hover{ background:url(/images/question2.jpg) 12px 7px no-repeat #1b941b; color:#fff;}


#contact{ padding-top:40px;}

.brand{ overflow:hidden; margin-top:34px; padding-left:40px;}
.brand_list{ width:681px; background:url(/images/brand_bg.jpg) center 0 repeat-y;}
.brand_list li{ float:left; width:225px; height:157px; overflow:hidden; margin-right:1px; margin-top:1px; border-right:solid 1px #d3d3d3; background:#fff;}
.brand_list li.li1{ margin-top:0; padding-top:1px; padding-right:1px; background:url(/images/brand_bg2.jpg) right 0 no-repeat #fff; border-right:none;}
.brand_list li.li2{ padding-right:1px; background:url(/images/brand_bg2.jpg) right bottom no-repeat #fff; border-right:none;}
.brand_list li.li3{ background:#fff; border-right:none;}

#culture{ line-height:30px; color:#393939; padding-top:50px; font-size:14px;}
.culture_img{ background:url(/images/2014051507.jpg) center 0 no-repeat; margin-top:30px; cursor:pointer; height:429px;}
.culture_img:hover{ background:url(/images/2014051508.jpg) center 0 no-repeat;}
.honor{ overflow:hidden;}
.honor_list2 li{ margin-right:28px; margin-top:35px; float:left; background:url(/images/honor_bg.jpg) 0 137px no-repeat; width:225px; height:218px;}
.honor_list2 li .li1{ width:194px; height:151px; margin:0 auto; overflow:hidden;}
.honor_list2 li .li2{ height:36px; line-height:36px; overflow:hidden; text-align:center; padding-top:32px;}

.map{ background:url(/images/line9.jpg) 131px 0 repeat-y; margin-top:53px;}
.map li{ vertical-align:top; padding-top:32px; overflow:hidden;}
.map li:first-child{ padding-top:0;}
.map li span.fl{ width:110px; padding-right:17px; text-align:right; height:23px; line-height:23px; overflow:hidden; font-size:13px;}
.submap{ width:580px; padding-left:66px; background:url(/images/submap_bg.jpg) 0 6px no-repeat;}
.submap a{ display:inline-block; margin-right:1px; font-size:13px; color:#fff; padding:0 8px; height:23px; line-height:23px; background:#1b941b;}

.feedback{ padding-top:38px;}
.tip{ padding:10px 40px; line-height:20px; color:#909090;}
.red{ color:#fc0000;}
.feedback_form{ padding-top:17px;}
.feedback_left{ text-align:right; color:#6e6e6e; font-size:16px; width:177px; padding-right:77px; background:url(/images/feedback_bg.jpg) right 6px no-repeat;}
.feedback_left .i01{ font-style:normal; color:#707070; text-transform:uppercase; font-size:15px; display:block;}
.feedback_right{ width:410px;}
.feedback_right dd{ overflow:hidden; border-left:solid 1px #c0c0c0; background:url(/images/line10.jpg) 0 0 no-repeat; padding-bottom:20px; padding-left:68px; line-height:22px;}
.input2{ width:244px; padding:0 3px; height:22px; line-height:22px; overflow:hidden; border:solid 1px #c0c0c0; overflow:hidden; color:#9e9e9e; font-family:microsoft yahei;}
.text1{ width:313px; height:80px; border:solid 1px #c0c0c0; padding:3px; color:#9e9e9e; font-family:microsoft yahei;}
.input3{ width:80px;}
.change_img{ margin-left:3px;}
a.change_txt{ margin-left:5px; color:#ff0024; text-decoration:underline;}
.btn2{ width:73px; height:24px; background:#1b941b; text-align:center; line-height:26px; color:#fff; font-family:microsoft yahei; border:solid 1px #006d00; text-shadow:1px 1px 1px #006d00; font-size:14px; font-weight:bold;}
.pro_top{ padding-top:25px;}
.pro_big{ width:299px; height:295px; padding:3px; border:solid 1px #d6d6d6; position:relative;}
.fangda{ position:absolute; right:10px; bottom:10px; z-index:9}

#zimg{position:absolute; left:310px; top:0; width:300px; height:300px; border:1px solid #333; overflow:hidden; visibility:hidden; z-index:100; background:#fff;}
#zimg img{position:absolute;}
#serbigimg{width:299px; height:295px; position:relative; z-index:1;}
#mark{position:absolute; background:#000; opacity:0.4; filter:alpha(opacity:40); cursor:pointer; display:none;}
#serbigimg table{width:100%; height:100%; position:absolute; top:0; left:0;}
#serbigimg table img{cursor:pointer;}

.pro_top_right{ width:450px;}
.pro_infor dt{ font-size:16px; color:#1b941b; font-weight:bold;}
.pro_infor dd{ line-height:28px; padding-top:5px;}
.pro_scroll{ padding-top:15px;}
.left_btn,.right_btn{ cursor:pointer; margin-top:22px; width:13px; height:28px;}
.left_btn{ background:url(/images/left.jpg) 0 0 no-repeat;}
.right_btn{ background:url(/images/right.jpg) 0 0 no-repeat; margin-right:10px;}
.left_btn:hover{ background:url(/images/left_hover.jpg) 0 0 no-repeat;}
.right_btn:hover{ background:url(/images/right_hover.jpg) 0 0 no-repeat;}
.pro_scroll_main{ width:389px; height:68px; overflow:hidden; margin-left:10px; position:relative;}
.pro_scroll_main>ul{ position:absolute; left:0; top:0; width:250000px;}
.pro_scroll_main>ul li{ float:left; width:67px; height:66px; overflow:hidden; border:solid 1px #fff; cursor:pointer; margin-right:11px;}
.pro_scroll_main>ul li:hover,.pro_scroll_main>ul li.active{ border:solid 1px #dcdcdc;}


.pro_con{ margin-top:50px; background:url(/images/pro_bg3.jpg) right bottom no-repeat; padding-bottom:7px; padding-right:7px;}
.pro_con .title{ background:#dedede; height:31px; line-height:31px; overflow:hidden; text-align:right; padding-right:16px; padding-left:5px;}
.pro_con .title span.span2{ background:url(/images/tel2.jpg) 0 0 no-repeat; padding-left:20px;}
.pro_con .title a{ float:left; color:#646464; font-weight:bold; font-size:14px; width:206px; text-align:center;}
.pro_con .title a:hover,.pro_con .title a.on{ color:#fff; background:url(/images/pro_show_bg.jpg) 0 0 no-repeat;}
.pro_show{ padding:30px 20px; border:solid 1px #dedede; border-top:none; line-height:30px; background:#fff; color:#575757; min-height:440px;}
.pro_show .item{ display:none;}
.pro_show .item:first-child{ display:block;}
.return{ text-align:right;}
.return a{ display:inline-block; width:33px; height:23px; text-align:center; line-height:23px; background:#1b941b; overflow:hidden; color:#fff;}
.dingzhi .title{ color:#1b941b; font-weight:bold; height:30px; line-height:30px; overflow:hidden; font-size:16px;}
.dingzhi_process{ background:#f3f3f3; border:solid 1px #e9e9e9; padding-bottom:12px; padding-top:18px;}
.dingzhi_process li{ float:left; background:url(/images/shape2.jpg) 0 5px no-repeat; padding-left:29px; padding-right:20px; text-align:center; width:48px;}
.dingzhi_process li .p2{ padding-top:47px;}
.dingzhi_process li.li1 .p2{ background:url(/images/shape01.jpg) center 0 no-repeat;}
.dingzhi_process li.li2 .p2{ background:url(/images/shape02.jpg) center 0 no-repeat;}
.dingzhi_process li.li3 .p2{ background:url(/images/shape03.jpg) center 0 no-repeat;}
.dingzhi_process li.li4 .p2{ background:url(/images/shape04.jpg) center 0 no-repeat;}
.dingzhi_process li.li5 .p2{ background:url(/images/shape05.jpg) center 0 no-repeat;}
.dingzhi_process li.li6 .p2{ background:url(/images/shape06.jpg) center 0 no-repeat;}
.dingzhi_process li.li7 .p2{ background:url(/images/shape07.jpg) center 0 no-repeat;}
.dingzhi_process li.li8 .p2{ background:url(/images/shape08.jpg) center 0 no-repeat;}
.dingzhi_process li.li1:hover .p2{ background:url(/images/shape01_hover.jpg) center 0 no-repeat;}
.dingzhi_process li.li2:hover .p2{ background:url(/images/shape02_hover.jpg) center 0 no-repeat;}
.dingzhi_process li.li3:hover .p2{ background:url(/images/shape03_hover.jpg) center 0 no-repeat;}
.dingzhi_process li.li4:hover  .p2{ background:url(/images/shape04_hover.jpg) center 0 no-repeat;}
.dingzhi_process li.li5:hover  .p2{ background:url(/images/shape05_hover.jpg) center 0 no-repeat;}
.dingzhi_process li.li6:hover  .p2{ background:url(/images/shape06_hover.jpg) center 0 no-repeat;}
.dingzhi_process li.li7:hover  .p2{ background:url(/images/shape07_hover.jpg) center 0 no-repeat;}
.dingzhi_process li.li8:hover  .p2{ background:url(/images/shape08_hover.jpg) center 0 no-repeat;}
.dingzhi_process li:first-child{ background:none; padding-left:20px;}


.related_pro .title{ height:24px; background:#e0e0e0; margin-top:33px;}
.related_pro .title span{ display:block; width:102px; height:26px; line-height:26px; text-align:center; overflow:hidden; background:#1b941b; color:#fff; font-size:14px; font-weight:bold; top:-2px; position:relative;}
.related_pro_list li{ float:left; margin-left:23px; width:177px; margin-top:15px;}
.related_pro_list li:first-child{ margin-left:0;}
.related_pro_list li .li1{ width:173px; height:171px; overflow:hidden; padding:2px; border:solid 1px #d6d6d6;}
.related_pro_list li .li2{ text-align:center; height:26px; line-height:26px; overflow:hidden;}
.related_pro_list li:hover .li1{ border:solid 1px #1b941b;}
.related_pro_list li:hover .li2 a{ color:#1b941b;}




.pro_top2{ padding-top:25px;}
.pro_big2{ width:297px; height:414px; padding:3px; border:solid 1px #d6d6d6; position:relative;}
.fangda2{ position:absolute; right:10px; bottom:10px; z-index:9}

#zimg2{position:absolute; left:310px; top:0; width:297px; height:414px; border:1px solid #333; overflow:hidden; visibility:hidden; z-index:100; background:#fff;}
#zimg2 img{position:absolute;}
#serbigimg2{width:297px; height:414px; position:relative; z-index:1;}
#mark2{position:absolute; background:#000; opacity:0.4; filter:alpha(opacity:40); cursor:pointer; display:none;}
#serbigimg2 table{width:100%; height:100%; position:absolute; top:0; left:0;}
#serbigimg2 table img{cursor:pointer;}

.pro_top_right2{ width:450px;}
.pro_infor2 dt{ font-size:16px; color:#1b941b; font-weight:bold;}
.pro_infor2 dd{ line-height:28px; padding-top:5px; min-height:254px;}
.pro_scroll2{ padding-top:15px;}
.left_btn2,.right_btn2{ cursor:pointer; margin-top:38px; width:13px; height:28px;}
.left_btn2{ background:url(/images/left.jpg) 0 0 no-repeat;}
.right_btn2{ background:url(/images/right.jpg) 0 0 no-repeat; margin-right:10px;}
.left_btn2:hover{ background:url(/images/left_hover.jpg) 0 0 no-repeat;}
.right_btn2:hover{ background:url(/images/right_hover.jpg) 0 0 no-repeat;}
.pro_scroll_main2{ width:389px; height:126px; overflow:hidden; margin-left:10px; position:relative;}
.pro_scroll_main2>ul{ position:absolute; left:0; top:0; width:250000px;}
.pro_scroll_main2>ul li{ float:left; width:88px; height:124px; overflow:hidden; border:solid 1px #fff; cursor:pointer; margin-right:11px;}
.pro_scroll_main2>ul li:hover,.pro_scroll_main2>ul li.active{ border:solid 1px #dcdcdc;}
.pro_scroll_main2>ul li span{width:88px; height:124px;}

/*404*/
.div404{text-align:center;}
.div404 a{margin-right:10px;color:#666666;text-decoration:none;}
.div404 a:hover{color:#88c43e}


#about{ line-height:23px; padding-top:56px; color:#7c7c7c;}
#ImageKey{cursor:pointer;widows:65px;height:25px;}

.iw_poi_title{color:Green;}










#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{ position:relative; }
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/

#cboxOverlay{ background-color:#2b2b2b; filter: Alpha(Opacity=50); opacity:0.5;}
#cboxContent{background:#fff; font-size: 12px;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{ position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}

#cboxCurrent{width:90%; position:absolute; bottom:8px; left:5%; text-indent:10px; color:#fff; background:#4f4f4f; overflow:hidden;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#000;}
#cboxPrevious{position:absolute; bottom:48%; left:2%; background:url(/images/big_left_btn.png) no-repeat;  width:30px; height:30px; text-indent:-9999px;}

#cboxNext{position:absolute; bottom:48%; right:2%; background:url(/images/big_right_btn.png) no-repeat; width:30px; height:30px; text-indent:-9999px;}

#cboxLoadingOverlay{background:url(/images/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/images/big_close_btn.png) no-repeat; width:29px; height:28px; text-indent:-9999px; top:5px; right:5px;}