body{font-family: Arial, "Microsoft YaHei";color: #535353;font-size: 12px;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #fff;height:100%; }
body,IMG,ul,li,i,dd,ol,section,dl,dt{ list-style:none; margin:0; padding:0; border:0;}
i{ font-style:normal;}a{ text-decoration:none;}
h1,h2,h3,h4{display:inline-block;*display: inline;*zoom: 1; margin:0; padding:0; font-weight:100; font-size:100%;}
font-family:"Rubik Regular";
header{ margin:0; padding:0;}
.Ari{ font-family:Arial, Helvetica, sans-serif;}

/* 字体 */
@font-face {
  font-family: 'iconfont';  /* project id 152876 */
  src: url('//at.alicdn.com/t/font_152876_d5jjsdhwcngsyvi.eot');
  src: url('//at.alicdn.com/t/font_152876_d5jjsdhwcngsyvi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_152876_d5jjsdhwcngsyvi.woff') format('woff'),
  url('//at.alicdn.com/t/font_152876_d5jjsdhwcngsyvi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_152876_d5jjsdhwcngsyvi.svg#iconfont') format('svg');
}

@font-face {
    font-family: 'GOTH720N_0';
    src: url('../fonts/GOTH720N_0.eot');
    src: url('../fonts/GOTH720N_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/GOTH720N_0.woff2') format('woff2'),
         url('../fonts/GOTH720N_0.woff') format('woff'),
         url('../fonts/GOTH720N_0.ttf') format('truetype'),
         url('../fonts/GOTH720N_0.svg#itc_avant_garde_gothicdemi') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* transition */
a,.i_adv .list{-webkit-transition:all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.clear{clear:both;}

/* top */
.main{ width:1280px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.mt20{ margin-top:20px;}

.mt30{ margin-top:30px;}
.position_relative{ position:relative;}
.text_uppercase{text-transform:uppercase;}

i[class^=icon-]{
  font-family: 'iconfont';
  padding-right: 4px;
}


.icon-eyes:after{
  content: "\e6ce"
}

.flex{ display: -webkit-flex; display: flex;}
.justify-start{ -webkit-justify-content: flex-start; justify-content: flex-start;}
.justify-end{ -webkit-justify-content: flex-end; justify-content: flex-end;}
.justify-center{ -webkit-justify-content: center; justify-content: center;}
.justify-around{ -webkit-justify-content: space-around; justify-content: space-around;}
.justify-between{ -webkit-justify-content:space-between; justify-content:space-between;}

.header{ width:100%;  background: #fff; z-index: 99; height: 111px;}
.header .top{ width: auto; font-size:12px; height: 111px; position: relative; zoom: 1;}
.header .top .logo{ float: left; margin-top: 24px; padding-left: 22px;}
.header .top_list{  margin-right: 30px; margin-top: 40px; }



/* nav */

.navlist{ width: auto; float: left; margin-top: 40px; margin-right: 40px; position: relative; z-index: 1}
.navlist li{ float: left;  line-height: 40px; margin-right: 40px; color: #000; }
.navlist li a{ position: relative; color: #000; text-transform: uppercase;  font-size: 16px; font-family:GOT720BI,Arial,Microsoft YaHei; }

.navlist li a::after {
  content: "";
  display: block;
  height: 0.15em;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 50%;
  transform: translate(-50.3%);
  background-image: linear-gradient(to right, transparent 50.3%, #007cc2 50.3%);
  transition: background-position .2s .1s ease-out;
  background-size: 200% auto;
}
.navlist li.cur a,.navlist li a:hover,.navlist li:last-child a{ color: #007cc2; }
.navlist li.cur a::after{ background-position: -100% 0; }
.navlist li a:hover::after {background-position: -100% 0; }



#search{ width: auto; transition: all .3s ease; float: left; position: relative;}
.btn{ font-family: iconfont; float: left; line-height: 40px; color: #007cc2; font-weight: bold; margin-right: 20px; font-size: 22px;  position: absolute; right: 0; top: 0;}
#box{overflow:hidden; float:left; width: 0; margin-left: -40px; z-index:1; height:40px; background: none;  position:relative;}
.search_ico{font-family:"iconfont"; float:right; position:absolute; padding: 0; margin: 0; text-align:center; color:#666; font-size:22px; right: 0; top: 0; color: #007cc2; font-weight: bold; height:40px; line-height: 40px; background:none; border:none;}
.search_ico:hover{ opacity: 0.8 }
.fa-search{ width:180px; border:none; background: none; float:left; color:#ccc; border:none; border-bottom: 1px solid #ccc; line-height:37px; padding:5px; padding-left: 7px; box-sizing:border-box; height:35px; }
#box input[name="keyword"]{outline:none;}


/* 首页新闻 */





/***********footer***************/

.footer{width: 100%; background: #31b2eb; float: left; height: auto; box-sizing: border-box; padding:20px 0; position: relative; color: #fff}
.footer .l{ position: relative;  display: inline-block; z-index: 1;}
.footer .text{ font-size: 14px; line-height: 24px }
.footer .r{ float: right;}
.footer a{ color:#fff;}
#cnzz_stat_icon_5640500{ display: inline;}


/* slide */
.slideBox{ width:100%; height:auto; position:relative;  overflow:hidden;}
.slideBox .bd{ position:relative; width: 100%; height:auto; z-index:0;}
.slideBox .bd ul{ position:relative;  z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;  overflow: hidden;} 
.slideBox .bd img{ width:100%; display:block;  }
.slideBox .bd li span{ position: absolute; top: 0; left: 0; line-height: 72px; text-transform: uppercase; padding-right: 36px; z-index: 1 ; float: right; color: #fff; font-size: 24px; }


/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ width:0;height:104px; font-size:0; font-family:宋体; line-height:104px; color:#000; text-align:center;position:absolute;z-index:2;top:50%; overflow:hidden; background:#fff;cursor:pointer;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);_border:1px solid none;right:0; margin-top:-52px;}
.slideBox .prev{left:0;}
.slideBox:hover .prev,
.slideBox:hover .next{opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);width:60px;font-size:36px;}


.slideBox .hd{ width:1280px; display: none; left:50%; bottom:30px; float:left; position:absolute; z-index:999;}
.slideBox .hd  li{ margin-left:20px; width: 10px; height: 10px; position: relative; border-radius: 100%; background:#b0a68d; float:left;transition:all 0.4s ease;}
.slideBox .hd  li:after{ content: ""; opacity: 0; position: absolute; left: -5px; top: -5px; border: 1px solid #b0a68d; width: 20px; height: 20px; box-sizing: border-box; border-radius: 100%; }
.slideBox .hd  li.on:after{ content: ""; opacity: 1;}


/* ny */
.n_banner{ width:100%; box-shadow:0 0 10px #bbb; position:relative; z-index:100}
.ny{ width:100%; float: left; height:100%;background:#fff; font-family: "GOTH720N_0",Microsoft YaHei}

/* 内页系列列表样式  */

.n-right{ float: right; width: 100%;}

.n_nav{ width: 100%;  float: left; margin-bottom: 20px; text-align: center;}
.n_nav ul{ display: inline-block; margin: 25px auto; width: auto }
.n_nav ul li{ display: inline-block;  margin: 0 5px; height: 30px; line-height:30px; overflow: hidden; font-size:14px; position: relative;}
.n_nav ul li a{ color:#666; height:30px; padding: 0 20px; position:relative; z-index:1; line-height:30px; }

.n_nav ul li a:hover{ height:30px; color:#000; text-decoration: none;}
.n_nav ul li a:before{ content: "\e6b8"; font-size:14px; line-height: 32px; color:#333; font-family: iconfont; position: absolute; left: -30px; transition: all .3s ease; overflow: hidden; }
.n_nav ul li a:hover:before{ left: 3px; }
.n_nav ul li.cur a:before{ left: 3px;}
.n_nav ul li.cur > a{ height:30px; color:#000;}


.n-contact{ width: 100%; float: left; padding-bottom: 68px; position: relative;}
.n-contact:after{ content: ""; width: 270px; height: 270px; border: 1px solid #eee;  box-shadow: 0 0 50px #ddd; float: left; margin-top: 30px; background: url(../images/n-right-photo.jpg) no-repeat bottom left;}
.n-contact:before{ content: ""; width: 270px; height: 54px; position: absolute; bottom: 0; left: 0; float: left; margin-top: 30px; background: url(../images/n-right-photo2.jpg) no-repeat bottom left;}

.n-contact ul{ width: 100%; float: left; color: #777; margin-top: 15px;}
.n-contact ul li{ position: relative; width: 100%; float: left; line-height: 20px; font-size: 12px; box-sizing: border-box; padding-left: 30px; margin: 6px 0;}
.n-contact ul li:after{ content: "\e6bc";  font-size: 24px; line-height: 24px; text-align: center; color: #333; font-family: "iconfont"; position: absolute; left: 0; top: 0;}
.n-contact ul li.icon-tel:after{ content: "\e6c5"; font-size: 16px;}
.n-contact ul li.icon-fax:after{ content: "\e746"; font-size: 16px;}
.n-contact ul li.icon-mail:after{ content: "\e602"; font-size: 20px;}


.n_location{width:100%; background: #f1f1f1;  color:#000; padding: 60px 0; font-size:12px; text-align:center; }
.n_location .weizhi{ display: block; text-align: center; color: #666; line-height:18px;}
.n_location h2{ width:100%; color: #000; line-height: 30px; font-weight: bold; font-size: 18px; text-transform: uppercase; position: relative; z-index: 1 ;margin-bottom: 10px;}

.n_location a{ color:#666;}
.n_location a:hover{ color:#000; text-decoration:underline;}
.n_location a.n_h{ position:relative;}
.n_location i{ color:#999; padding:0 10px;}




.ny .n_nr{ width: 100%; display: inline-block; margin-bottom: 20px; }
.ny .n_nr h2{ width:100%; color: #000; line-height: 30px; font-weight: bold; text-align: left; font-size: 18px; text-transform: uppercase; position: relative; z-index: 1 ;margin-bottom: 30px;}
.ny .n_nr h2:after{ content: ""; position: absolute; left: 0; bottom: -0; width: 30px; height: 3px; background: #000; float: left; z-index: -2; }

/* 关于我们 */

.n_company{ width:100%; display: block;  text-align: center;}
.n_company .n_company_ms{ width: 100%; }
.n_company .n_company_ms .r{ width: 777px; margin: auto; }
.n_company .text{ width: 70%; font-size: 15px; line-height: 32px; margin: 20px 15%; color: #666}
.n_company p{ width:100%;  margin-top: 30px; display: block; text-indent: 2rem}

.n_company span{ width:100%;  margin-top: 30px; display: block; text-indent: 2rem; text-align:left;}


/* 企业文化 */
.n-wh{ width: 100%; float: left; }
.n-wh p{ width: 100%; float: left; line-height: 24px; font-size: 14px; margin-top: 20px; color: #666; }
.n-wh p b{ font-size: 16px; color: #222; margin-top: 10px; line-height: 30px; text-transform: capitalize; display: block; margin-bottom: 0; }




.n_certificate{  width:1280px; margin: 0 auto;}
.n_certificate ul{ display: table; } 
.n_certificate ul li img{ border: 1px solid #ccc; max-height: 273px; box-sizing: border-box; } 
.n_certificate ul li{ display: table-cell; padding:10px; }


/* 设备 */

.Equipments{ width: 100%; display: block; padding: 10px 0 }
.Equipments ul{ width: 100%; display: block;  }
.Equipments ul li{  width: 410px; display: inline-block; font-size: 0;  margin-right: 15px; margin-bottom: 15px; }
.Equipments ul li img{ width: 100%; border: 1px solid #e6e6e6; box-sizing: border-box;}
.Equipments ul li span{ display: block; font-size: 14px; text-align: center; line-height: 40px; }


.table{ width: 100%; float: left; }
.table .list{ width: 100%; float: left; margin-bottom: 20px; }
.table .list > p{ width: 100%; color: #000; float: left; text-align: center; font-weight: bold; font-size: 16px; }
.table .list table td{ padding: 10px 0; text-align: center; }


 
/* 新闻中心 */


.news_ny{ width:100%; margin-top:20px;}
.news_ny li{ width:32%; margin-right: 2%; float: left; margin-bottom:2%; border-bottom: 1px solid #ddd; padding-bottom: 20px; height:auto; }
.news_ny li:nth-child(3n){ margin-right: 0 }
.news_ny li .pic{ width:100%; height: 357px; }
.news_ny li .pic img{ width:100%; max-height: 357px;}
.news_ny li dl{ width: 100%; font-size: 14px; display: block; color: #000; margin-top: 22px; line-height:22px; position: relative;}
.news_ny li dl dt{ width:100%;  overflow:hidden; display: block; height:48px; line-height: 24px; font-size:14px; text-align: center; box-sizing: border-box; text-overflow: ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient:vertical; }
.news_ny li dl dt:hover{ color: #bbb } 

.news_ny li dl dd{ font-size: 14px; margin: 15px 0; color: #777; line-height:24px; height: 72px; text-overflow: ellipsis; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient:vertical;  float:left; transition:all 0.3s; display: none;}

.news_ny li dl .time{ width:40px; line-height: 24px; display:none; height:66px; position:absolute; left:0; top:0; box-sizing:border-box; color:#fff;  font-size:14px; float:left;text-align:center; background: #359eff;}
.news_ny li dl .time span{color: #359eff; background: #f4f4f4; display: block; width: 100%; line-height: 42px; height: 42px; }
.news_ny li a.more{ width:auto; display: none; height: 36px; line-height: 36px; color: #359eff; font-size: 14px; float:left; margin-top:5px;}
.news_ny li a.more:after{  content: ">"; font-weight: bold; padding-left: 6px; font-family: "宋体"; }
.news_ny li:hover dl dd{ color:#000; }
.news_ny li a.more:hover{ opacity: 0.7 }

.news-view{ width: 100%; font-size: 14px; line-height: 30px; color: #333; margin-bottom: 20px;}
.news-view h2{font-size: 18px; font-weight: bold; height: 20px; line-height: 20px; padding-bottom: 20px; display: block;}
.news-view p{ background:none !important;}


.xx_more{border:2px solid #000; color:#000; margin-top: 20px; line-height: 30px; display: inline-block; padding:5px 25px; font-size:14px;  text-transform:uppercase; margin-top:20px;}
.xx_more:hover{ background:#000; border:2px solid #000; color:#fff;}

/* 产品内页系列列表 */
.n-cp{ width: 100%; }
.n-cp ul{ width: 100%; float: left; position: relative;}
.n-cp ul .goods{ width: 23%; height: auto; text-align: center; margin: 1%; float: left; }
.n-cp ul .goods a{ width: 100%; float: left; box-sizing: border-box;}
.n-cp ul .goods a:hover img{box-shadow: 0 0 10px #ccc;}
.n-cp ul .goods a img{box-sizing: border-box; border: 1px solid #ddd;}
.n-cp ul .goods .title{ width: 100%; float: left; margin: 12px 0; height: 30px; line-height: 30px;}
.n-cp ul .goods .title span{ color: #000; width: 100%; font-size: 14px; float: left; transition: all .3s ease;}
.n-cp ul .goods .title i{ color: #fff; background: #000; display: none; width: 42px; font-size: 24px; margin-right: 1px; float: left;  transition: all .3s ease;}

.n-cp ul .goods a:hover .title span{ color: #007cc2; width: 100%; font-size: 14px; float: left;}
.n-cp li img{ width: 100%; float: left; }


.n-cp-view{ width: 1000px; margin:0 auto; }
.n-cp-view .l{ width: 400px; float: left; }
.n-cp-view .l img{ max-width: 100%; box-sizing: border-box; border: 1px solid #ddd; }

.n-cp-view .r{ width: 570px; float: right; }
.n-cp-view .r h2{ font-size: 18px; font-weight: bold; height: 20px; line-height: 20px; padding-bottom: 20px; display: block; border-bottom: 1px solid #ddd; }
.n-cp-view .r .text{ font-size: 14px; line-height: 30px; }
.n-cp-view .view{ width: 100%; margin-top: 30px; float: left; }
.n-cp-view .view .hd{ background:#eee; position:relative; }
.n-cp-view .view .hd ul{ float:left;  width: 100%;  background:#eee; }
.n-cp-view .view .hd ul li{ float:left; padding:0 30px; line-height:48px; cursor:pointer; color: #333; border-right: 1px solid #ddd;  }
.n-cp-view .view .hd ul li.on{ height:48px;  background:#007cc2; color: #fff;}
.n-cp-view .view .bd ul{ padding:15px 0; width: 100%; float: left;  zoom:1; line-height: 48px; color: #333; font-size: 14px;  }
.n-cp-view .view .bd ul p{ zoom:1; line-height: 30px; color: #333; font-size: 14px;  }


.n-cp-view .box{ width: 100%; float: left; position: relative; font-family: 微软雅黑; font-size: 0; }
.n-cp-view .box-l{ width: 50%; float: left; }
.n-cp-view .box-r{ width: 50%; float: left; }
.n-cp-view .box-r li{ width: 100%; float: left; }
.n-cp-view .box-r li span{ width: 33.33%; float: left; height: 40px; line-height: 40px; }


/* 服务理念 */
.n_service{ width:1280px; margin:40px auto; display: flex; justify-content: space-around;}
.n_service .l{ width:640px; color: #333; box-sizing: border-box; margin:0;  font-size:14px; line-height:36px;}
.n_service .r{ width:640px; padding-left:60px; box-sizing: border-box; }


.n_service .l img{width:100%;}
.n_service .r b{ display: block; font-size: 18px; color: #000;}
.n_service .r p{ font-size:14px; color:#666; line-height:30px; margin-bottom: 20px; margin-top: 0;  width:100%;}



/* 下载中心 */
.ny_down{ width: 100%; float: left; }
.ny_down li{ width:100%; padding-bottom:20px; display: inline-block; border-bottom:1px dashed #ccc; margin-top:20px;}
.ny_down li .img{ width:30%; float: left;}
.ny_down li .img img{ width:100%; box-sizing: border-box; border:1px solid #ddd;}


.ny_down li dl{ width:67%; float: right;}
.ny_down li a{ width:100%;}
.ny_down li dt{ width:100%;font-size:16px; font-weight:bold; line-height:40px;}
.ny_down li dd{ width:100%;  font-size:14px; line-height:24px; height:auto; max-height:96px; overflow:hidden; padding:5px 0;}
.ny_down li a:hover{ opacity:0.7}

/* 招聘 */
.joblist{ width:1180px; margin:0 auto}
.joblist .bt{ width:100%;font-size:24px; line-height:24px;color: #000;height: 40px;float: left;text-align: left;}
.joblist .list{ width:100%; float:left; padding-bottom:30px; margin-top:30px; border-bottom:1px solid #ddd;}
.list_con{ width:100%; float:left;}
.list_con dd{ width:33%; float:left; background:#eee; border:1px solid #fff; padding-left:10px; box-sizing:border-box;font-size:12px; color:#666; line-height:30px;}
.nr_text{ width:49%; margin-right:1%; overflow:hidden; float:left; margin-top:20px; line-height:20px;}
.nr_text b{ width:100%; float:left; font-size:16px; line-height:30px;}

.Apply{ width: 600px; margin: 0 auto; }
.Apply form{ float: left; width: 100%; }
.Apply form li{ display: block; }
.Apply .tit{ width: 100px; text-align: right;  float: left; height: 48px; line-height: 48px; font-size: 14px; color: #333 }
.Apply .input{ position: relative; width: 500px; float: left; font-size: 14px; color: #333; height: 48px; box-sizing: border-box; padding-left: 10px;  line-height: 36px; vertical-align: middle; }
.Apply .input input{ height: 36px; margin: 6px 0; padding: 0 7px; display: inline-block;  vertical-align: middle;}
.Apply font{ padding-left: 5px; line-height: 36px; display: inline-block;  vertical-align: middle;}
.Apply .textarea{ position: relative; width: 500px; float: left; font-size: 14px; color: #333; height: auto; box-sizing: border-box; padding-left: 10px;  line-height: 36px; vertical-align: middle; }
.Apply .textarea textarea{ height: auto; margin: 6px 0; padding: 0 7px; display: inline-block;  vertical-align: middle;}
/* 联系 */
.n_map{ height:450px; width: 49%; float: left;  margin:10px 0; }
.lxfs{ text-align:left; width: 48%; float: right; color:#000;margin:10px 0; }
.lxfs ul{ width:100%; float: left;  font-size:14px; line-height:30px; color:#666; margin-bottom: 10px;}
.lxfs h2{ font-size:18px; font-family:Arial,Microsoft YaHei; font-weight: bold; text-transform:uppercase; margin-bottom: 20px !important; width:100%; color:#333;  line-height:20px !important; padding-bottom: 20px;}
.lxfs a{ color:#666;font-family:BellCent,Microsoft YaHei;}.lxfs a:hover{ text-decoration:underline;}
.lxfs li{ width:100%; float: left;  /*border-bottom:1px solid #ddd;*/ height:auto; line-height:20px;  padding: 14px 0; font-family:Arial,Microsoft YaHei; font-size:16px;}
.lxfs li+li{ width: 50%; }
.lxfs li:before{ content:""; font-family:"iconfont"; color:#333; font-size:24px; line-height:40px;  float:left; position: relative; width:38px; text-align:left;}
.lxfs .ico_06:hover{ color:#ef9800; text-decoration:underline;}
.lxfs li.ico_01{ line-height:20px; padding:10px 0;}
.lxfs li.ico_01:before{ content:"\e629"; font-size:30px; line-height:48px; margin-left:-5px; margin-right:5px;}
.lxfs li.ico_02:before{ content:"\e627";}
.lxfs li.ico_03:before{ content:"\e604"; font-size:18px;}
.lxfs li.ico_04:before{ content:"\e602";}
.lxfs li.ico_05:before{ content:"\e602"; line-height:38px;}
.lxfs li.ico_06:before{ content:"\e639"; font-size:18px;}
.lxfs .ewm{ width:200px; float:left; line-height:48px; font-size:12px; margin-top: 10px;}
.lxfs .ewm img{border:1px solid #ccc;}



/* 页码 */
.ym{ height:40px; width:40px; background:#ccc; color:#000; text-align:center; line-height:40px; font-size:12px; padding:5px 12px; -webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.ym:hover{background:#666;color:#fff;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s; opacity:0.7; cursor:pointer;}
.ym2{ height:40px; width:40px; background:#666; color:#fff; text-align:center; line-height:40px; font-size:12px; font-weight: normal; padding:5px 12px;cursor:pointer;}
.ym2:hover{ cursor:pointer;}



body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../img/images.png) url(../img/images.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



.clear:after{
  content:"";
  display: block;
  clear: both;
}