body {
  overflow-x: hidden;
  font-family: 'Microsoft yahei' !important;
  font-size: 10px;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
.clear {
  clear: both;
}
img {
  width: 100%;
}
a:hover {
  color: #323d85!important;
  text-decoration: none;
}
/**********css3变形效果*************/
/**********css3动画效果*************/
/**********从上到下的渐变*************/
/**********从左到右的渐变*************/
/**********对角渐变*************/
/**********圆角*************/
/**********透明度*************/
/**********边框阴影-外部*************/
/**********边框阴影-内部*************/
/**********文字阴影*************/
#header {
  background: url(../images/header-bg.jpg) repeat-x;
}
#header .h-top {
  padding: 10px 0 6px;
}
#header .h-top .h-lan {
  padding-top: 26px;
}
#header .h-top .h-lan a {
  color: #8d8b8b;
  padding-left: 6px;
  background: url(../images/arr-ico.jpg) no-repeat left center;
  margin-left: 10px;
}
#header .h-top .h-lan span {
  margin-left: 10px;
  font-weight: bold; font-size:14px;
}
#header .nav li {
  float: left;
}
#header .nav li a {
  display: block;
  width: 121px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  padding: 10px 0 13px;
}


.pro-con-b{}
.pro-con-b h4{border-bottom:1px solid #ddd; line-height:1.8em !important;}

#header .nav li a:hover {
  color: #000!important;
  background: url(../images/nav-a-bg.jpg);
}
#header .nav li.dropdown {
  position: relative;
}
#header .nav li.dropdown ul.dropmenu {
  position: absolute;
  width: 1920px;
  display: none;
  z-index:9;
}
#header .nav li.dropdown ul.dropmenu li a {
  color: #000;
  font-size: 12px;
  background: url(../images/arr-ico.jpg) no-repeat 33px center;
  padding:10px 0 13px 8px;
  width:150px;
}
#header .drop-bg {
  background: url(../images/drop-menu-bg.jpg) repeat-x;
  width: 100%;
  height: 39px;
  display: none;position: absolute;
}
#banner {
  position: relative;
  width: 100%;margin-top:42px;
}
#banner .banner-pics {
  height: 449px;
  overflow: hidden;
}
#banner .banner-pics li {
  height: 100%;
  float: left;
}
#banner .banner-tab-btn {
  display: none;
  transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -ms-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  cursor: pointer;
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  background: #33609d;
  color: #fff;
  top: 44%;
  line-height: 55px;
  text-align: center;
  font-size: 46px;
}
#banner .banner-tab-btn:hover {
  background: #fff;
  color: #33609d;
}
#banner .banner-l-btn {
  left: 18%;
}
#banner .banner-r-btn {
  right: 18%;
}
#index-body .i-news {
  padding: 40px 0px;
  width: 970px;
  margin: 0 auto;
  position: relative;
}
#index-body .i-news .i-news-list {
  position: absolute;
  width: 100%;
  display: none;
}
#index-body .i-news .i-news-list li .i-new-con-r {
      margin-left: 10px;
    margin-right: 30px;
}
#index-body .i-news .i-news-list li .i-new-con-r h3 {
  font-size: 16px;
  color: #000;
  margin-top: 4px;
  width: 305px;
}
#index-body .i-news .i-news-list li .i-new-con-r p {
  color: #000;
  font-size: 12px;
  margin-top: 8px;
}
#index-body .i-news .i-new-dot {
  text-align: center;
  margin-top: 120px;
}
#index-body .i-news .i-new-dot .i-new-ico {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  background: #acacac;
  margin: 0 5px;
  cursor: pointer;
}
#index-body .i-news .i-new-dot a.i-new-active {
  background: #083b94;
}
#index-body .i-product {
  background: #f4f4f4;
  padding: 80px 0;
}
#index-body .i-product .i-product-box {
  overflow: hidden;
}
#index-body .i-product .i-product-box li {
  float: left;
  margin-right: 18px;
  position: relative;
  border: 1px solid #ccc;
}#index-body .i-product .i-product-box li img{ width:309px; }
#index-body .i-product .i-product-box li .i-pro-con {
  position: absolute;
  top: 50px;
  left: 25px;
  color: #000;
  transition: 0.4s ease-in;
  -webkit-transition: 0.4s ease-in;
  -moz-transition: 0.4s ease-in;
  -ms-transition: 0.4s ease-in;
  -o-transition: 0.4s ease-in;
}
#index-body .i-product .i-product-box li .i-pro-con h4 {
  font-size: 26px;
}
#index-body .i-product .i-product-box li .i-pro-con dt {
  font-size: 14px;
  line-height: 1.8em;
}
#index-body .i-product .i-product-box li .i-pro-con:hover {
  color: #083b94;
}
#index-body .i-product .i-pro-btn {
  position: absolute;
  width: 21px;
  height: 50px;
  top: 40%;
  cursor: pointer;
}
#index-body .i-product .i-pro-l-btn {
  background: url(../images/i-pro-l-btn.jpg) no-repeat;
  left: -30px;
}
#index-body .i-product .i-pro-r-btn {
  background: url(../images/i-pro-r-btn.jpg) no-repeat;
  right: -30px;
}
#footer .footer-top {
  background-color: #1c3f7b;
  padding: 30px 0;
}
#footer .footer-top ul {
  float: left;
  width: 21%;
  color: #fff;
}
#footer .footer-top ul h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
#footer .footer-top ul li {
  line-height: 1.8em;
}
#footer .footer-top ul li a {
  color: #e1e5ed;
  font-size: 14px;
}
#footer .footer-top ul.footer-qr {
  width: 16%;
  text-align: right;
  margin-top: 0px;
}
#footer .footer-bottom {
  background: #0f2751;
  padding: 20px 0;
}
#footer .footer-bottom a {
  color: #fff;
  font-size: 14px;
}
#footer .footer-bottom .f-b-r {
  color: #ccc;
}
#footer .footer-bottom .f-b-r a {
  padding: 0 5px;
}
#footer a:hover {
  color: #C3EEFF!important;
  transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -ms-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
}
#inner-body {
  padding: 40px 0;
}
#inner-body .side-nav {
  width: 15%;
}
#inner-body .side-nav h3 {
  border-bottom: 1px solid #ededeb;
  padding-bottom: 6px;
}
#inner-body .side-nav h3 span {
  font-weight: normal;
  font-size: 20px;
  border-bottom: 1px solid #083b94;
  padding-bottom: 5px;
}
#inner-body .side-nav ul {
  margin-top: 15px;
}
#inner-body .side-nav ul li {
  padding-bottom: 6px;
  border-bottom: 1px solid #ededeb ;
  margin-top: 6px;
}
#inner-body .side-nav ul li a {
  display: block;
  font-size: 16px;
  color: #000;
  background: url(../images/side-nav-arr.jpg) no-repeat right 4px;
}
#inner-body .side-nav ul li a:hover {
  background: url(../images/side-nav-arr-h.jpg) no-repeat right 4px;
  color: #083b94 ;
}
#inner-body .side-nav ul li a.active {
  background: url(../images/side-nav-arr-h.jpg) no-repeat right 4px;
  color: #083b94 ;
}
#inner-body .body-right-bar {
  width: 80%;
}
#inner-body .body-right-bar .sub-nav {
  padding-bottom: 6px;
  border-bottom: 1px solid #ededeb;
}
#inner-body .body-right-bar .sub-nav .page-title {
  font-size: 18px;
}
#inner-body .body-right-bar .sub-nav .sub-nav-list {
  margin-top: 5px;
}
#inner-body .body-right-bar .sub-nav .sub-nav-list a {
  color: #888888;
  margin: 0 2px;
}
#inner-body .body-right-bar .page-main-con {
  display: none;
}
#inner-body .body-right-bar .page-main-con .page-artical {
  padding-top: 50px;
}
#inner-body .body-right-bar .page-main-con .page-artical .page-header {
  text-align: center;
  position: relative;
  margin-bottom: 50px;
}
#inner-body .body-right-bar .page-main-con .page-artical .page-header h2 {
  font-weight: 200;
  margin: 0;
  font-size: 38px;
  font-family: 'arial' !important;
  color: #6a6a6a;
  display: inline-block;
  border: 1px solid #cdcdcd;
  padding: 20px 35px 10px;
}
#inner-body .body-right-bar .page-main-con .page-artical .page-header h4 {
  position: absolute;
  top: -18px;
  left: 332px;
  z-index: 2;
  background: #fff;
  padding: 0 10px;
}
#inner-body .body-right-bar .page-main-con .page-artical .about-con img {
  width: auto;
  margin: 0 10px 5px 0;
}
#inner-body .body-right-bar .page-main-con .page-artical .about-con p,#inner-body .body-right-bar .page-main-con .page-artical .about-con div {
  font-size: 14px;
  line-height: 1.8em;
  text-indent: 2em;
}
#inner-body .body-right-bar .case-page .page-artical .page-header h4 {
  left: 344px;
}
#inner-body .body-right-bar .case-page .case-list li {
  position: relative;
  float: left;
  width: 31%;
  margin-right: 26px;
  margin-bottom: 20px;
}
#inner-body .body-right-bar .case-page .case-list li a {
  display: block;
}
#inner-body .body-right-bar .case-page .case-list li a p {
  text-align: center;
  color: #000;
  margin-top: 10px;
  font-size: 14px;
}
#inner-body .body-right-bar .case-page .case-list li .case-con {
  position: relative;
  overflow: hidden;
}
#inner-body .body-right-bar .case-page .case-list li .case-con .case-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -100%;
  top: 0;
  background: rgba(229, 57, 56, 0.9);
}
#inner-body .body-right-bar .case-page .case-list li .case-con .case-layer h4 {
  color: #fff;
  text-align: center;
  font-size: 36px;
  margin: 100px 0 15px;
}
#inner-body .body-right-bar .case-page .case-list li .case-con .case-layer p {
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 10px;
}
#inner-body .body-right-bar .contact-page .page-artical .page-header h4 {
  left: 345px;
}
#inner-body .body-right-bar .contact-page .contact-con .contact-map {
  padding: 6px;
  background: #f4f4f4;
  border: 1px solid #e6e6e6;
}
#inner-body .body-right-bar .contact-page .contact-con .contact-map .cotact-map-r h4 {
  margin-bottom: 35px;
  font-size: 15px;
}
#inner-body .body-right-bar .contact-page .contact-con .contact-map .cotact-map-r a {
  color: #555;
  line-height: 2em;
  font-size: 14px;
}
#inner-body .body-right-bar .contact-page .dgxxBox .areLi {
  margin-right: 0;
}
#inner-body .body-right-bar .contact-page .dgxxBox .areLi textarea {
  height: 244px;
}
#inner-body .full-page {
  width: 100%;
}
#inner-body .full-page .page-header {
  margin-top: 0!important;
}
#inner-body .full-page .page-header h4 {
  left: 438px!important;
}
#inner-body .full-page .row-sidenav {
  margin-bottom: 40px;
}
#inner-body .full-page .row-sidenav li {
  float: left;
  margin-right: 8px;
  margin-bottom:10px;
}
#inner-body .full-page .row-sidenav li a {
  display: block;
  padding: 6px 8px;
  font-size: 14px;
  color: #000;
  background: #dcdcdc;
  background: -webkit-linear-gradient(#e7e7e7, #d7d7d7);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#e7e7e7, #d7d7d7);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#e7e7e7, #d7d7d7);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#e7e7e7, #d7d7d7);
  /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e7e7e7, endColorstr=#d7d7d7, GradientType='0');
  /* IE*/
  border: 1px solid #c0c0c0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
#inner-body .full-page .row-sidenav li a:hover {
  background: #377be9;
  background: -webkit-linear-gradient(#4c8ffd, #367be9);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#4c8ffd, #367be9);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#4c8ffd, #367be9);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#4c8ffd, #367be9);
  /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c8ffd, endColorstr=#367be9, GradientType='0');
  /* IE*/
  color: #fff!important;
  border: 1px solid #2f5bb7;
}
#inner-body .full-page .row-sidenav li a.active {
  background: #377be9;
  background: -webkit-linear-gradient(#4c8ffd, #367be9);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#4c8ffd, #367be9);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#4c8ffd, #367be9);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#4c8ffd, #367be9);
  /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c8ffd, endColorstr=#367be9, GradientType='0');
  /* IE*/
  color: #fff!important;
  border: 1px solid #2f5bb7;
}
#inner-body .full-page .product-list li {
  float: left;
  width: 32%;
  overflow: hidden;
  margin:0 6px 20px;
}
ins#qiao-mess-wrap{ right:0!important;left:auto!important; }
#inner-body .full-page .product-list li:hover img{
	border: 1px solid #000;
}
#inner-body .full-page .product-list li:hover p{
		background: #0163be;
	color: #fff;
}
#inner-body .full-page .product-list li  a{
display:block;
}
#inner-body .full-page .product-list li img {
  border: 1px solid #ccc;
  padding:8px;
background: url(../images/product_bg.jpg) repeat-x;
}
#inner-body .full-page .product-list li p {
  color: #000;
  text-align: center;
  font-size: 14px;
  background: #dedede;padding:10px 0;font-size: 16px;
  
}
#inner-body .full-page .prodet-con .pro-con-t .pro-con-t-l {
  width: 60%;
}
#inner-body .full-page .prodet-con .pro-con-t .pro-con-t-r {
  width: 35%;
}
#inner-body .full-page .prodet-con .pro-con-t .pro-con-t-r h3 {
  margin: 0 0 20px;
}
#inner-body .full-page .prodet-con .pro-con-t .pro-con-t-r li {
  line-height: 2em;
}
#inner-body .full-page .prodet-con .pro-con-b {
  margin-top: 40px;
}
#inner-body .full-page .news-list li {
  margin-bottom: 0px;
}
#inner-body .full-page .news-list li a {
  display: block; line-height:32px;
 padding: 0px 2%;
  border-bottom: 1px dashed #EEEDED;
  font-size: 14px;
  color: #555;transition:0.5s;
}

#inner-body .full-page .news-list li:hover{background-color: #1c3f7b;transition:0.5s; }
#inner-body .full-page .news-list li:hover a,#inner-body .full-page .news-list li:hover a span{color:#fff;}
.m-page {
  margin: 50px 0px 10px;
  _padding-bottom: 30px;
  *padding-bottom: 30px;
  text-align: center;
  line-height: 32px;
  font-size: 0;
  letter-spacing: -0.307em;
  word-wrap: normal;
  white-space: nowrap;
  color: #138bdf;
}
.m-page a,
.m-page i {
  display: inline-block;
  vertical-align: top;
  padding: 2px 12px;
  margin-left: -1px;
  border: 1px solid #ddd;
  font-size: 12px;
  letter-spacing: normal;
  text-shadow: 0 1px #fff;
  background: #fff;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
.m-page a {
  text-decoration: none;
  color: #000;
}
.m-page a:first-child {
  margin-left: 0;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.m-page a:last-child {
  margin-right: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.m-page a:hover {
  color: #fff!important;
  background: #1c3f7b;
}
.m-page a:active {
  background: #1c3f7b;
}
.m-page a.z-crt,
.m-page a.z-crt:hover,
.m-page a.z-crt:active {
  cursor: default;
  color: #fff;
  background: #1c3f7b;
}
.m-page-sm {
  margin: 20px auto 0 auto;
  line-height: 22px;
}
.m-page-sm a,
.m-page-sm i {
  padding: 5 10px;
}
.m-page-sr a,
.m-page-sr i {
  margin: 0 3px;
  border-radius: 2px;
}
.m-page-sr i {
  border: 0;
}
.dgxxBox {
  padding: 0px;
  width: 800px;
  margin-top: 30px;
}
.dgxxBox p {
  font-size: 16px;
  padding: 25px 0px;
  color: #666;
}
.dgxxBox ul {
  margin: 0px;
  padding: 0px;
}
.dgxxBox .m_form li {
  width: 300px;
  height: 38px;
  float: left;
  margin-bottom: 13px;
  color: #777;
  font-size: 12px;
  margin-right: 10px;
}
.dgxxBox .m_form label {
  float: left;
  border: 1px solid #dedede;
  line-height: 36px;
  height: 36px;
  *line-height: 35px;
  *height: 35px;
  width: 27%;
  display: inline-block;
  text-align: center;
  background: #fff;
  font-weight: normal;
}
.dgxxBox .m_form .iptTxt {
  float: right;
  width: 73%;
  height: 36px;
  border: 1px solid #dedede;
  border-left-width: 0;
  line-height: 16px;
  padding: 9px 0;
  *padding: 10px 0;
  outline: none;
  text-indent: 1em;
  background: #fff;
  color: #aaaaaa;
}
.dgxxBox .m_form .txtAre {
  width: 100%;
  height: 142px;
  border: 1px solid #dedede;
  outline: none;
  resize: none;
  padding: 10px;
  color: #aaaaaa;
  line-height: 18px;
}
.dgxxBox .m_form .btnTjly {
  width: 100%;
  height: 38px;
  background: #0057b4;
  border: none;
  cursor: pointer;
  color: #fff;
}
.dgxxBox .m_form .areLi {
  height: 200px;
  float: right;
  display: inline;
  width: 465px;
}
.dgxxBox .m_form .btnLi {
  background: none;
  height: 60px;
}
.news-con {
  padding: 0 5%;
}
.news-con .news_title h1 {
  padding-bottom: 10px;
  font-size: 26px;
  text-align: center;
  color: #333;
  margin-top: 10px;
}
.news-con .news_date {
  line-height: 24px;
  text-align: center;
  border-bottom: 1px solid #CCC;
}
.news-con .news_date h3 {
  padding-bottom: 12px;
  font-size: 12px;
  color: #999;
  text-align: center;
}
.news-con .news_contents {
  color: #333;
  font-size: 12px;
  line-height: 24px;
  clear: both;
  margin-top: 20px;
  border-bottom: 1px dashed #CCC;
  text-indent: 2em;
  padding-bottom: 10px;
}
.news-con .news_contents a {
  color: #333;
  font-size: 12px;
  line-height: 24px;
}
.news-con .news_contents p,
.news-con .news_contents div,
.news-con .news_contents span,
.news-con .news_contents table {
  color: #333;
  font-size: 12px;
  line-height: 24px;
  clear: both;
  margin-top: 30px;
}
.news-con .news_next {
  width: 99%;
  margin-top: 0px;
  padding-left: 5px;
  border-top: 0px solid #CCC;
  text-align: left;
  padding-top: 10px;
}
.news-con .news_next a {
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #999;
  font-size: 12px;
  margin-left: 5px;
}
.news-con .news_next a:hover {
  width: 100%;
  height: 25px;
  line-height: 25px;
  color: #000000;
}
.news-con .newsnav {
  margin-bottom: 30px;
  padding-top: 10px;
}
.pro-information{
	line-height:1.8em;
}
.pro-information p{  font-size:14px; line-height:1.8em;}
.pro-con-t img{ border:1px solid #eee;background: url(../images/product_bg.jpg) repeat-x;}

.pro-con-t p{font-size:14px; line-height:1.8em;}
.pro-con-t h3{border-bottom:1px solid #eee; line-height:1.8em !important;}
.product-list ul{min-height:150px;height:auto; transition:0s;}

.qtzd-nav span{ height: 46px;line-height: 46px;text-align: center;font-size: 16px;float: left; }
.qtzd-nav span.qtzd-cn{ width: 142px;color: #fff;background: #0163be; }
.qtzd-nav span.qtzd-en{ width: 160px;color: #000;background: #dadada;margin-right: 1px; }
.qtzd-nav ul{ float:right }
.qtzd-nav ul li{ float: left;cursor: pointer; }
.qtzd-nav ul li a{ color: #000;height: 46px;line-height: 46px;width: 114px;text-align: center;background: #dadada;float: left;font-size: 16px; }
.qtzd-nav ul li em{ font-style: normal;color: #fff;float: left;height: 46px;line-height: 46px;font-size: 20px;padding:0 1px;background: #b7b7b7; }
.qtzd-nav ul li a:hover{ color: #fff!important;background: #0163be; }
.qtzd-nav ul li a.active{ color: #fff!important;background: #0163be; }
.qtzd-nav p{ font-size: 14px;line-height: 1.8em;text-indent: 2em;margin: 40px 0; } 
.qtzd-nav .jia{ font-style: normal;color: #fff;float: left;height: 46px;line-height: 46px;font-size: 20px;padding:0 1px;background: #b7b7b7; }
.qwe{ background: #dadada;margin-bottom:20px; }

.product-list h4{ background: #dadada;margin-bottom: 30px; }
.product-list h4 span{ float: left;width: 142px;color: #fff;background: #0163be;height: 46px;line-height: 46px;text-align: center;font-size: 16px; }
.product-list h4 em{ font-style: normal;color: #fff;float: left;height: 46px;line-height: 46px;font-size: 20px;padding:0 1px;background: #b7b7b7; }
.qtzd-nav{  background-color:#dadada;}

#qiao-icon-wrap{ top:30%!important; }

.yydt-page span.qtzd-cn{ width:auto;padding:0 10px; }
.yydt-page .qtzd-nav ul{ float:left; }
.yydt-page .qtzd-nav ul li a{ width:auto;padding:0 10px; }
.yydt-page .product-list h4 span{ width:auto;padding:0 10px; }

#inner-body .full-page .stre-list li img{ background:none; }
#inner-body .full-page .stre-list li p{ background:none; }

#fancybox-loading {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  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 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url(../images/fancybox.png);
}
#fancybox-overlay {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  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 {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}
#fancybox-outer {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
#fancybox-content {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  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(../images/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(../images/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(../images/fancybox.png);
  background-position: -40px -30px;
}
#fancybox-right-ico {
  background-image: url(../images/fancybox.png);
  background-position: -40px -60px;
}
#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible;
}
#fancybox-left:hover span {
  left: 20px;
}
#fancybox-right:hover span {
  left: auto;
  right: 20px;
}
.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}
#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url(../images/fancybox-x.png);
}
#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url(../images/fancybox.png);
  background-position: -40px -162px;
}
#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url(../images/fancybox-y.png);
  background-position: -20px 0px;
}
#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url(../images/fancybox.png);
  background-position: -40px -182px;
}
#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url(../images/fancybox-x.png);
  background-position: 0px -20px;
}
#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url(../images/fancybox.png);
  background-position: -40px -142px;
}
#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url(../images/fancybox-y.png);
}
#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url(../images/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(../images/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(../images/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(../images/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url(../images/fancybox.png) -55px -90px no-repeat;
}