@charset "utf-8";
/* CSS Document */
*{ margin: 0;padding: 0;border:0;}
@font-face{
    font-family:'HZGB';
    src:url('../fonts/HZGB.otf');
}
div,ul,li,h1,h2,h3,h4,h5,h6,img,dd,dl,dt,p{padding:0px; margin:0px;}
body{padding:0px; margin:0px; font-size:14px; font-family:"微软雅黑"; color:#858585;}
.clear {clear: both; line-height:0; padding:0px; margin:0px;}
ul,li{ list-style-type:none; margin:0; padding:0;}
img { border-style: none; }
p{ margin:0; padding:0;}
a{text-decoration:none;}
a:hover{ text-decoration:none; }
.fl{ float:left;}
.fr{ float:right;}
/*通用文字颜色,大小等等*/
.banner_bj{width:100%; height:auto; position:relative; min-width:1280px !important;}
.head_bj{ width:100%; height:auto; background:rgba(0,0,0,0.5); min-width:1280px !important; overflow:hidden; position:absolute; top:0; z-index:999;}
.head{ width:1280px; height:auto; margin:0 auto;}
.logo{ margin:10px 0;}
.tel{background:url(../Image/tel.png) left center no-repeat; padding-left:40px; font-size:24px; color:#ffffff; margin-top:20px;}

.nav li{ float:left; font-size:16px; color:#ffffff; height:92px;transition: all 0.8s ease 0s; width:100px; text-align:center;}
.nav li a{ color:#fff; display:block;  text-align:center; line-height:92px;}
.nav li:hover{ background:#0d3691;}
.nav li.active{ background:#0d3691;}

/****************************head end********************/

.index1_bj{ width:100%; height:auto; background:#f7f7f7; min-width:1280px !important; overflow:hidden;}

.index1{ width:1280px; height:auto; margin:65px auto; overflow:hidden;}
.index1_top{ margin-bottom:30px;}
.index1_top .index1_top1{ color:#1d1d1d; font-size:36px; text-transform:uppercase; font-weight:bold; margin-bottom:10px;}
.index1_top .index1_top2{ color:#1d1d1d; font-size:24px; }
.index1_top .index1_top2 p{ width:11px; height:4px; background:#0d3691; float:left; margin-right:10px; margin-top:18px;}
.index1_pro{ margin-top:50px; overflow:hidden;}
.index1_pro_type li{font-size:18px; color:#1d1d1d; float:left;  margin-right:30px;  border-bottom:1px solid #f7f7f7; margin-top:10px;}
.index1_pro_type li:hover{ color:#0d3691; border-bottom:1px solid #0d3691;}
.index1_pro_type .more{ width:92px; line-height:35px; text-align:center; color:#636363; border:1px solid #dcdcdc; float:right; position:relative; margin-right:30px;}
.index1_pro_type .more img{ position:absolute; top:10px; right:-30px;}



#gundong{width:1280px; margin:0 auto;overflow:hidden;height:auto; margin-top:30px;}
#indemo{float: left;width: 800%;}
#gundong1,#gundong2{height:auto;float:left;display:inline-table;}
#gundong1 ul,#gundong2 ul{ overflow:hidden;}
#gundong1 li,#gundong2 li{ width:300px; height: 355px;transition: all 0.8s ease 0s; float:left; margin-bottom:50px; margin-right:33px; position:relative; background:#fff;}
#gundong1 li .index1_pro_img,#gundong2 li .index1_pro_img{ width:300px; height:300px; background:#fff; overflow:hidden; }
#gundong1 li .index1_pro_img img,#gundong2 li .index1_pro_img img{ max-width:300px; max-height:300px; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
#gundong1 li .index1_pro_tit,#gundong2 li .index1_pro_tit{ width:270px; margin:0 auto; overflow:hidden; line-height:30px;height:30px; overflow:hidden; color:#000; font-size:16px;}
#gundong1 li .more,#gundong2 li .more{ width:135px; height:45px; position:absolute; bottom:-28px; right:20px; border-radius:45px; background:url(../Image/p2.png) center right no-repeat;}
#gundong1 li .more img,#gundong2 li .more img{ float:right;}
#gundong1 li .more span,#gundong2 li .more span{ opacity:0; color:#fff; line-height:45px; margin-left:20px;}
#gundong1{float: left;height:auto;}
#gundong2{float: left;}
#gundong1 li:hover .index1_pro_img img,#gundong2 li:hover .index1_pro_img img{ transform: scale(1.05);}
#gundong1 li:hover .index1_pro_tit,#gundong2 li:hover .index1_pro_tit{ color:#0067d3;}
#gundong1 li:hover .more,#gundong2 li:hover .more{ background:url(../Image/p2-1.png) center right no-repeat #0d3691;}
#gundong1 li:hover .more span,#gundong2 li:hover .more span{ opacity:1;}


/***********************************index1 end************************/



.index2{ width:1280px; height:auto; margin:0 auto;background:url(../Image/index2_bj.jpg) center no-repeat; background-size:cover;}
.index2_case .swiper-list{margin-top:50px;padding-bottom:50px;overflow:hidden;position:relative;}
.index2_case .swiper-list .swiper-slide{position:relative;cursor:pointer;}
.index2_case .swiper-list .swiper-slide .img{background:#FFF; position:relative;overflow:hidden;}
.index2_case .swiper-list .swiper-slide .img img{width:100%;display:block;margin:auto;-webkit-transition:all 0.4s;transition:all 0.4s;}
.index2_case .swiper-list .swiper-slide .title{ width:100%; position:absolute; bottom:0; left:0;height:73px;overflow:hidden;font-size:16px;line-height:73px; color:#FFF; text-align:center; background:rgba(0,0,0,0.5);}
.index2_case .swiper-list .swiper-slide:hover .img img{transform:scale(1.08);}
.index2_case .swiper-list .swiper-slide:hover .title{ background:rgba(13,54,145,0.7);}


/***********************************index2 end************************/


.index3_bj{ width:100%; height:auto; background:url(../Image/index3_bj.jpg) center repeat; background-size:cover; min-width:1280px !important; overflow:hidden; padding:50px 0;}
.index3{ width:1280px; height:auto; margin:0 auto; }
.index3_about{ width:700px; height:auto; float:right; margin-top:30px;}
.index3_about_top{ font-size:36px; color:#0d3691; font-weight:bold; border-bottom:1px solid #e5e7ee; padding-bottom:20px; margin-bottom:30px;}
.index3_about_main{ font-size:16px; color:#555555; line-height:30px;
text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;overflow: hidden;}
.index3_num{ margin:70px 0;}
.index3_num li{ float:left; width:232px; border-left:1px solid #84c527; text-align:center; color:#0d3691; font-size:16px;}
.index3_num li span{ font-size:60px;color:#555;}
.index3_num li p{ color:#555;}


/*************************index3 end***********************/




.index4_bj{ width:100%; height:auto; background:url(../Image/index4_bj.jpg) center repeat; background-size:cover; min-width:1280px !important; overflow:hidden; padding:50px 0;}
.index4{ width:1280px; height:auto; margin:0 auto; overflow:hidden;}
.index4_main{ margin-top:30px;}
.index4_main li{ width:390px; float:left; overflow:hidden; margin:0 17px; background:#fff; border:1px solid #dcdcdc;}
.index4_main li .index4_img{ width:390px; height:245px; position:relative; overflow:hidden;}
.index4_main li .index4_img img{ width:390px; height:245px; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
.index4_main li .index4_tit{ padding:20px;}
.index4_main li .index4_tit p{ font-size:16px; color:#000000; margin:10px 0; background:url(../Image/p3.png) left center no-repeat; padding-left:30px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;overflow: hidden;}
.index4_main li .index4_con{ font-size:14px; color:#707070; line-height:27px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;overflow: hidden;}
.index4_main li:hover .index4_img img{ transform: scale(1.05);}



/********************index5 end******************/


.foot_bj{ width:100%; height:auto; background:#272727; min-width:1280px !important; overflow:hidden; padding:60px 0;}
.foot{ width:1280px; height:auto; margin:0 auto;}
.foot_logo{ width:330px; font-size:24px; color:#fff; float:left;}
.foot_tel{ background:url(../Image/tel2.png) left center no-repeat; font-size:16px; color:#fff; padding-bottom:10px; margin-bottom:10px; padding-left:50px; margin-top:20px;}
.foot_tel span{ font-size:30px;}
.foot_nav{ width:220px; margin-left:20px;}
.foot_nav li{ width:110px; text-align:center; float:left; color:#fff; font-size:16px; line-height:30px;}
.foot_nav li a{ color:#fff;}
.cop{ width:300px;}
.cop li{ float:left; width:120px; margin-left:20px;}
.cop p{ text-align:center; color:#fff; font-size:18px; margin:10px 0 0 0;}
.foot_contact{ width:340px; margin-left:50px;}
.foot_contact ul li{ padding-left:30px; line-height:40px; color:#fff;}
.foot_contact ul .p7{background:url(../Image/p4.png) left center no-repeat;}
.foot_contact ul .p8{background:url(../Image/p5.png) left center no-repeat;}
.foot_contact ul .p9{background:url(../Image/p6.png) left center no-repeat;}
.foot_bottom{ background:#0d0f12; line-height:30px; padding:15px 0; text-align:center; color:#fff;}
.foot_bottom a{ color:#fff;}


/**********************foot end**********************/


.inner_bj{ width:100%; height:auto; background:#f7f7f7; min-width:1280px !important; overflow:hidden; padding:60px 0;}
.inner{ width:1280px; height:auto; margin:80px auto; overflow:hidden;}

.inner_left{ width:296px; overflow:hidden;}
.inner_type{ background:#fff;}
.inner_type_top{ background:#0d3691; font-size:18px; color:#ffffff; text-transform:uppercase; padding:20px 30px;}
.inner_type_top b{ font-size:36px;}
.inner_type_top p{ font-size:24px;}
.inner_type ul{ padding:20px 0;}
.inner_type ul li{ width:240px; height:71px; font-size:20px; text-align:center; line-height:71px; margin:0 auto; color:#1d1d1d;}
.inner_type ul li:hover{ background:#0d3691; color:#ffffff;}
.inner_left_contact{ background:url(../Image/tel3.png) left 20px center no-repeat #2a2a2a; padding:20px 0 20px 85px; color:#fff; font-size:16px; overflow:hidden;}
.inner_left_contact p{ font-family:Impact; font-size:31px;}
.inner_left_contact1{background:url(../Image/p7.jpg) center no-repeat; background-size:cover; text-align:center; padding:30px 0; font-size:24px; color:#ffffff;}


.inner_right{ width:930px;}
.inner_right_top{ overflow:hidden; border-bottom:1px solid #dcdcdc; padding-bottom:10px;}
.inner_right_top .catname{ font-size:30px; color:#00448f; float:left; overflow:hidden;}
.inner_right_top .crumbs{ color:#989898; float:right; margin-top:20px;}
.inner_right_top .crumbs a{ color:#989898;}

.innerright_foot{ width:930px; margin-top:20px;}
.innerright_foot img{ max-width:930px;}

.inner_content{ color:#535353; font-size:16px; line-height:30px;}
.inner_content table{width:930px !important;height:auto;margin:10px 0; border-collapse:collapse; border:1px solid #000;}
.inner_content table tr td{text-align: left;padding:0px 10px;border:1px solid #000; line-height:30px;}
.inner_content .table2 tr td{border:none;}
.inner_content .table3 tr td{border:1px solid rgb(204,204,204);}

.inner_content img{ max-width:863px;}


.pro li{ width:300px; height: 355px;transition: all 0.8s ease 0s; float:left; margin-bottom:50px; margin-right:15px; position:relative; background:#fff;}
.pro li .index1_pro_img{ width:300px; height:300px; background:#fff; overflow:hidden; }
.pro li .index1_pro_img img{ max-width:300px; max-height:300px; transition: 800ms ease-in-out; -webkit-transition: 800ms ease-in-out;}
.pro li .index1_pro_tit{ width:270px; margin:0 auto; overflow:hidden; line-height:30px;height:30px; overflow:hidden; color:#000; font-size:16px;}
.pro li .more{ width:135px; height:45px; position:absolute; bottom:-28px; right:20px; border-radius:45px; background:url(../Image/p2.png) center right no-repeat;}
.pro li .more img{ float:right;}
.pro li .more span{ opacity:0; color:#fff; line-height:45px; margin-left:20px;}
.pro li:hover .index1_pro_img img{ transform: scale(1.05);}
.pro li:hover .index1_pro_tit{ color:#0067d3;}
.pro li:hover .more{ background:url(../Image/p2-1.png) center right no-repeat #0d3691;}
.pro li:hover .more span{ opacity:1;}
.pro li:nth-child(3n){ margin-right:0;}



.pimg{ height:auto; overflow:hidden;}
.pimg .pro_img{ width:312px; height:auto; border:1px solid #CCC;}
.pimg .pro_img img{ width:310px; height:auto;}
#preview {text-align: center; width: 380px;}
.jqzoom {border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; width: 310px; float:left; margin-bottom: 10px; height: auto; overflow: hidden; border-top: #ddd 1px solid; border-right: #ddd 1px solid; position: relative;}
.zoomdiv {width: 310px; height: 310px; left: 859px;z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; display: none; background: url(../Image/loading.gif) #fff no-repeat center center; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px}


.pro_name{ width:483px; height:auto;}
.pro_name li{ width:483px;  border-bottom:1px dashed #CCC; line-height:40px; color:#000}
.pro_name .inner_con{ margin-top:20px; font-size:14px; color:#707070; line-height:27px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;overflow: hidden;}

.case li{ width:410px; height: auto;transition: all 0.8s ease 0s; float:left; margin:27px; position:relative;}
.case li .img img{width:100%;display:block;margin:auto;-webkit-transition:all 0.4s;transition:all 0.4s;}
.case li .title{ width:100%; position:absolute; bottom:0; left:0;height:73px;overflow:hidden;font-size:16px;line-height:73px; color:#FFF; text-align:center; background:rgba(0,0,0,0.5);}
.case li:hover .img img{transform:scale(1.08);}
.case li:hover .title{ background:rgba(13,54,145,0.7);}


.newslist { margin-top: 10px; }
.newslist li { margin-bottom: 10px;height: 119px; background:#fff; border:1px solid #e3e6eb;}
.newslist li .time{ text-align:center; width:106px; height:119px; color:#3f3f3f; font-size:16px; border-right:1px solid #e3e6eb; float:left;}
.newslist li .time p{ font-size:36px; margin-top:20px;}
.newslist li .news_con{ width:775px; margin-right:15px; float:right; color:#767676; font-size:16px;}
.newslist li .news_con .name{ color:#323232; font-size:18px; margin-top:30px; margin-bottom:5px;}
.newslist li .news_con .desc{height:30px; line-height:30px; overflow:hidden;}
.newslist li:hover{ background:#005ac6;}
.newslist li:hover .time{ color:#fff;}
.newslist li:hover .news_con{ color:#fff;}
.newslist li:hover .news_con .name{ color:#fff;}


.news_title{ font-size: 24px;color: #333; text-align: center;padding-top: 10px; padding-bottom: 10px;}
.meta{ text-align:center;}
.inner_news_status {height: 30px;line-height: 30px;text-align: center;font-size: 12px;color: #333;margin-top: 20px;padding-bottom: 10px; }
.inner_news_status span {padding-left: 20px; padding-right: 10px; line-height:30px;}
.inner_news_status .username{ background:url(../Image/news1.png) left center no-repeat;}
.inner_news_status .newstime{ background:url(../Image/news2.png) left center no-repeat;}
.inner_news_status .click{ background:url(../Image/news3.png) left center no-repeat;}


.contact{ margin:20px;}

.contact ul{ float:left; margin-bottom:40px;}
.contact p{ font-size:20px; color:#000; font-weight:bold; margin-top:15px;}
.contact ul li{ line-height:25px; color:#000;}



.inner_message{ color:#000; line-height:25px; margin-top:20px; margin-bottom:20px;}
.form-control1 {outline:none;
  display: block;
  width: 95%;
  height: 50px;
  margin-bottom:20px;
  font-size: 14px;
  line-height: 50px;
  color: #000;
  border:none;
  box-shadow: 1px 2px 3px #F0F0F0 inset;
   padding:10px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control1:focus {
  border-color: #66afe9;
  outline:none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
#content1{ width:98%; height:140px; background:url(../Image/p32.jpg) right 11px top 10px no-repeat #f3f3f3; font-family:"微软雅黑";}
.form-group2{width:320px; height:70px; position:relative; border:none; box-shadow: 1px 2px 3px #F0F0F0 inset; float:left;}
.form-group2{ background:#f3f3f3;}
#submit2{ width:180px; height:70px; line-height:70px; text-align:center; background:#005ac6; color:#fff; float:left; margin-left:20px;}

.form-group #name{ background:url(../Image/p29.jpg) right 11px center no-repeat #f3f3f3;}
.form-group #email{ background:url(../Image/p30.jpg) right 11px center no-repeat #f3f3f3;}
.form-group #tel{ background:url(../Image/p31.jpg) right 11px center no-repeat #f3f3f3;}
.form-group #add{ background:url(../Image/p33.png) right 11px center no-repeat #f3f3f3;}





/* 无内容 */
.no-goods,.no-network{
  padding-top:100px;
  overflow: hidden;
  text-align: center;
}
.no-goods img{
  display: block;
  margin:0 auto 30px;
  width:220px;
  max-height: 105px;
}
.no-network img{
  display: block;
  margin:0 auto 30px;
  width:222px;
  height: 160px;
}
.no-goods p,.no-network p{
  font-size:14px;
  color:#666666;
  line-height: 20px;
}


.info_title{ width:100%; height:30px; background:#ececec; margin-top:20px;}
.info_title b{display:inline-block;padding-left:10px;height:100%;background:#004996;color:#fff;line-height:30px;}
.back{ margin-top:40px;}
.back a{ color:#444444;}
#prev_next{ color:#000; margin-top:20px; line-height:30px;}
#prev_next a{ color:#000;}

.newsPage{ color:#000; margin-top:20px; line-height:30px;}
.newsPage a{ color:#000;}

.page {
  line-height: 50px;
  border: 1px solid #e8e8e8;
  text-align: center;
  margin-top: 35px;
}
.page a {
  font-family: arial;
  background: #f8f8f8;
  padding: 5px 10px;
  margin: 0 2px;
}
.page a:hover {
  background: #d80808;
  color: #fff;
}
.page a.active {
  background: #d80808;
  color: #fff;
}
.page a.bgnone {
  background: none;
}
.page a.bgnone:hover {
  color: #d80808;
}

.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 30px 0 35px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #0187d0;
  background: #0187d0;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../Image/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../Image/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../Image/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../Image/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}



.banner{width:100%;height:auto;margin:0 auto;min-width:1280px !important;}

#full-screen-slider { width:100%; height:903px; float:left; position:relative}
#slides { display:block; width:100%; height:903px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute;  bottom:75px; z-index:9900;   margin:0}
#pagination li { display:block; list-style:none; width:8px; height:8px; border-radius:8px; float:left; margin-left:7px;  margin-right:7px; background:#f6f6f7;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#00448f; width:8px;}

#fancybox-loading{position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;}
#fancybox-loading div{position: absolute;top: 0;left: 0;width: 40px;height: 480px;background-image: url('fancybox.png');}
#fancybox-overlay{position: absolute;top: 0;left: 0;width: 100%;z-index: 1100;display: none;}
#fancybox-tmp{padding: 0;margin: 0;border: 0;overflow: auto;display: none;}
#fancybox-wrap{position: absolute;top: 0;left: 0;padding: 20px;z-index: 1101;outline: none;display: none;}
#fancybox-outer{position: relative;width: 100%;height: 100%;background: #fff;}
#fancybox-content{width: 0;height: 0;padding: 0;outline: none;position: relative;overflow: hidden;z-index: 1102;border: 0px solid #fff;}
#fancybox-hide-sel-frame{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1101;}
#fancybox-close{position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;background: transparent url('fancybox.png') -40px 0px;cursor: pointer;z-index: 1103;display: none;}
#fancybox-error{color: #444;font: normal 12px/20px Arial;padding: 14px;margin: 0;}
#fancybox-img{width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;}
#fancybox-frame{width: 100%;height: 100%;border: none;display: block;}
#fancybox-left, #fancybox-right{position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;background: transparent url('blank.gif');z-index: 1102;display: none;}
#fancybox-left{left: 0px;}
#fancybox-right{right: 0px;}
#fancybox-left-ico, #fancybox-right-ico{position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;}
#fancybox-left-ico{background-image: url('fancybox.png');background-position: -40px -30px;}
#fancybox-right-ico{background-image: url('fancybox.png');background-position: -40px -60px;}
#fancybox-left:hover, #fancybox-right:hover{visibility: visible; /* IE6 */}
#fancybox-left:hover span{left: 20px;}
#fancybox-right:hover span{left: auto;right: 20px;}
#fancybox-bg-n{top: -20px;left: 0;width: 100%;background-image: url('fancybox-x.png');}
#fancybox-bg-ne{top: -20px;right: -20px;background-image: url('fancybox.png');background-position: -40px -162px;}
#fancybox-bg-e{top: 0;right: -20px;height: 100%;background-image: url('fancybox-y.png');background-position: -20px 0px;}
#fancybox-bg-se{bottom: -20px;right: -20px;background-image: url('fancybox.png');background-position: -40px -182px;}
#fancybox-bg-s{bottom: -20px;left: 0;width: 100%;background-image: url('fancybox-x.png');background-position: 0px -20px;}
#fancybox-bg-sw{bottom: -20px;left: -20px;background-image: url('fancybox.png');background-position: -40px -142px;}
#fancybox-bg-w{top: 0;left: -20px;height: 100%;background-image: url('fancybox-y.png');}
#fancybox-bg-nw{top: -20px;left: -20px;background-image: url('fancybox.png');background-position: -40px -122px;}
#fancybox-title{font-family: Helvetica;font-size: 12px;z-index: 1102;}
.fancybox-title-inside{padding-bottom: 10px;text-align: center;color: #333;background: #fff;position: relative;}
.fancybox-title-outside{padding-top: 10px;color: #fff;}
.fancybox-title-over{position: absolute;bottom: 0;left: 0;color: #FFF;text-align: left;}
#fancybox-title-over{padding: 10px;background-image: url('fancy_title_over.png');display: block;}
.fancybox-title-float{position: absolute;left: 0;bottom: -20px;height: 32px;}
#fancybox-title-float-wrap{border: none;border-collapse: collapse;width: auto;}
#fancybox-title-float-wrap td{border: none;white-space: nowrap;}
#fancybox-title-float-left{padding: 0 0 0 15px;background: url('fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main{color: #FFF;line-height: 29px;font-weight: bold;padding: 0 0 3px 0;background: url('fancybox-x.png') 0px -40px;}
#fancybox-title-float-right{padding: 0 0 0 15px;background: url('fancybox.png') -55px -90px no-repeat;}
/* IE6 */
.fancybox-ie6 #fancybox-close{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-left-ico{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-right-ico{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-over{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1;}
.fancybox-ie6 #fancybox-title-float-left{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-main{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-right{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame{height: expression(this.parentNode.clientHeight + "px");}
#fancybox-loading.fancybox-ie6{position: absolute; margin-top: 0;top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}
#fancybox-loading.fancybox-ie6 div{background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale');}
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg{background: transparent !important;}
.fancybox-ie #fancybox-bg-n{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-ne{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-e{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-se{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-s{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-sw{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-w{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale');}
.fancybox-ie #fancybox-bg-nw{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale');}
