@charset "utf-8";
/* CSS Document */

 *{ margin:0; padding:0;}
 body{ color:#333; font-size:13px; font-family:微软雅黑;}
 li{ list-style:none; float: left;}
 a{ text-decoration:none; color:#333}
 .f1{ width:100%;margin:0 auto;}
 .f2{ width:1100px; margin:0 auto;}
 .clear{ clear:both}
 img{ border:0;}
 
.header{ background:#003579; color:#fff; height:38px; line-height:38px;}
.header span{ float:right;}
.header span a{ color:#fff;}

.top{padding:18px 0; height:64px}
.top img{ float:left; border:0}
.top .search{ float:right; width:240px; height:32px; margin-top:26px;   position:relative;overflow:hidden }
#input{ width:240px; height:30px; border:1px  solid #ccc; text-indent:10px; }
#submit2{ width:45px; height:32px; border:0;  position:absolute; top:0px; right:0; background:#333; color:#fff;}


.nav{ height:48px; background:#255c9b; }
.nav ul li{ width:122px; height:48px; text-align:center; line-height:48px; position:relative}
.nav ul li a { color:#fff; display: block}
.nav ul li:hover { height:46px; border-bottom:2px solid #d50202; background:#fff;}
.nav ul li:hover  a{ color:#000}

.nav ul li ul{ width:142px; height:auto; position:absolute; top:48px; left:0; background:rgba(255,255,255,0.6); z-index:99; padding-bottom:5px; opacity:0; 
   transform:scale(0);  
    @-webkit-transform:scale(0);  
    @-moz-transform:scale(0);  
    @-o-transform:scale(0);  
    @-ms-transform:scale(0);  
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
}
.nav ul li ul li{ line-height:48px; text-align:center; width:100%; border-bottom:1px dotted #Fff; }
.nav ul li ul li a{ color:#fff; display:block}
.nav ul li ul li:hover{ border-bottom:1px dotted #Fff; background:#eb4141; margin-left:0;}
.nav ul li ul li:hover a{ color:#fff; }
.nav ul li:hover ul{ opacity:1; 
   transform:scale(1);  
    @-webkit-transform:scale(1);  
    @-moz-transform:scale(1);  
    @-o-transform:scale(1);  
    @-ms-transform:scale(1);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
   }





.banner{ height:auto; overflow:hidden; margin:0 auto; background:#ccc; }
#kinMaxShow{visibility:hidden;width:100%; height:auto; overflow:hidden;}
#kinMaxShow div{background-size:cover;}
.yshi{ height:370px; padding:30px 0;}
.yshi .p1{ background:url(../images/ys.jpg) center bottom no-repeat,url(../images/6.png) 560px no-repeat; text-align:center ; height:77px; font-size:26px; line-height:100px; overflow:hidden; color:#184785; margin-bottom:30px }
.yshi li{ width:173px; height:240px; border:1px solid #ccc; margin-left:8px; text-align:center; overflow:hidden; position:relative}
.yshi li .p3{ width:100%; height:100%; position:absolute; left:0%; background: #e8f0fc; bottom:-100%; z-index:-1; transition:all 0.1s ease-in-out}
.yshi li:hover .p3{ left:0; transition:all 0.1s ease-in-out; bottom:0% }
.yshi li:nth-child(1){ margin-left:0;}
.yshi li:nth-child(1) dt{ width:65px; height:65px; border-radius:50%; background:url(../images/kk.png) center no-repeat #ff7e7e; margin:10px auto}
.yshi li:nth-child(2) dt{ width:65px; height:65px; border-radius:50%; background:url(../images/jn.png) center no-repeat #61e5f1; margin:10px auto}
.yshi li:nth-child(3) dt{ width:65px; height:65px; border-radius:50%; background:url(../images/pz.png) center no-repeat #52f0b3; margin:10px auto}
.yshi li:nth-child(4) dt{ width:65px; height:65px; border-radius:50%; background:url(../images/js.png) center no-repeat #eb6fde; margin:10px auto}
.yshi li:nth-child(5) dt{ width:65px; height:65px; border-radius:50%; background:url(../images/fw.png) center no-repeat #f39835; margin:10px auto}
.yshi li:nth-child(6) dt{ width:65px; height:65px; border-radius:50%; background:url(../images/jg.png) center no-repeat #6c8eef; margin:10px auto;}

.yshi li dd .p2{ font-size:26px; color:#255c9b; line-height:45px}
.yshi li dd span{ display:block; width:150px; line-height:24px; margin:10px auto; position:relative}


.yshi li:hover span{animation: img4 1s linear 0.1s infinite alternate; -webkit-animation: img4 1s linear 0.1s infinite alternate;-ms-animation: img4 1s linear 0.1s infinite alternate;-o-animation: img4 1s linear 0.1s infinite alternate;-moz-animation: img4 1s linear 0.1s infinite alternate;}
.yshi li:hover dt{animation: img3 2s linear 0.1s  infinite;-webkit-animation: img3 2s linear 0.1s infinite ;-ms-animation: img3 2s linear 0.1s infinite ;-o-animation: img3 2s linear 0.1s infinite ;-moz-animation: img3 2s linear 0.1s infinite ;}
.yshi li:hover dd .p2{animation: img2 0.5s linear 0.1s  ;-webkit-animation: img2 0.5s linear 0.1s  ;-o-animation: img2 0.5s linear 0.1s  ;-ms-animation: img2 0.5s linear 0.1s  ;-moz-animation: img2 0.5s linear 0.1s  ;}
@keyframes img4 {0% { bottom:2px;} 100% { bottom:-5px;}}
@-webkit-keyframes img4 {0% { bottom:2px;} 100% { bottom:-5px;}}
@-o-keyframes img4 {0% { bottom:2px;} 100% { bottom:-5px;}}
@-ms-keyframes img4 {0% { bottom:2px;} 100% { bottom:-5px;}}
@-moz-keyframes img4 {0% { bottom:2px;} 100% { bottom:-5px;}}

@keyframes img3 { from { transform: rotate(0deg) }   to { transform:  rotate(360deg)}  }
@-webkit-keyframes img3 { from { transform:  rotate(0deg) }   to { transform:  rotate(360deg)} }
@-o-keyframes img3 { from { transform:  rotate(0deg) }   to { transform:  rotate(360deg)} }
@-ms-keyframes img3 { from { transform:  rotate(0deg) }   to { transform:  rotate(360deg)} }
@-moz-keyframes img3 { from { transform:  rotate(0deg) }   to { transform:  rotate(360deg)} }

@keyframes img2 {0% { transform: scale(0)} 100% { transform:scale(1);}}
@-webkit-keyframes img2 {0% {transform:scale(0)} 100% { transform:scale(1);}}
@-o-keyframes img2 {0% {transform:scale(0)} 100% { transform:scale(1);}}
@-ms-keyframes img2 {0% {transform:scale(0)} 100% { transform:scale(1);}}
@-moz-keyframes img2 {0% {transform:scale(0)} 100% { transform:scale(1);}}


.about{ height:398px; margin-top:60px;  }
.about .ab_left{ width:540px; height:100%; float: left;}
.about .ab_left .ab_title{ width:100%; height:45px; background:url(../images/xian.jpg) no-repeat bottom;  font-size:30px;}
.about .ab_left .ab_txt{ width:100%; height:200px; margin-top:20px; line-height:25px;}
.about .ab_left .ab_ck{ width:100%; height:50px; margin-top:30px; }
.about .ab_left .ab_ck p{ width:134px; height:44px; display:inline-block; text-align:center; line-height:44px}
.about .ab_left .ab_ck .p1{ background:#e60012;}
.about .ab_left .ab_ck .p2{ background:#003579; margin-left:40px}
.about .ab_left .ab_ck p a{ color:#fff; display:block}
.about .ab_left .ab_ck .p1:hover{ background:#003579;}
.about .ab_left .ab_ck .p2:hover{ background:#e60012;}

.about .ab_right{ width:540px; height:330px; float: right; background:#ddd}
.about .ab_right img{ width:100%; height:100%;}
.clear-fix li{ width:251px; height:260px; margin-left:30px; overflow:hidden; margin-bottom:5px ; color:#545454; position:relative; float:left}
.clear-fix li:nth-child(4n+1){ margin-left:0; }	
.clear-fix li img{ width:100%; height:100%;}
.clear-fix li p{ line-height:30px; text-align:center; overflow:hidden; position:absolute; bottom:0; left:0; width:221px; padding:0 15px; height:30px; background:rgba(0,0,0,0.7);transition:all 0.3s ease 0.1s; }
.clear-fix li p a{ color:#fff}
.clear-fix li span{ width:120px; height:30px; margin:10px auto; display:block; background:#e60012; border-radius:15px; text-align: center ; line-height:30px;}
.clear-fix li:hover p { color:#F00;height:80px;@-moz-transition:all 0.1s linear;@-webkit-transition:all 0.1s linear;@-ms-transition:all 0.1s linear;@-o-transition:all 0.1s linear;}
.clear-fix li:hover{ box-shadow: 0 0 15px #ccc; @-moz-transition:all 0.1s linear;@-webkit-transition:all 0.1s linear;@-ms-transition:all 0.1s linear;@-o-transition:all 0.1s linear;}

.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}

.pro{ margin-top:10px; background:url(../images/probg.jpg) center no-repeat #f4f4f4; padding:60px 0}
.product .pro_tit{ width:100%; height:auto; margin:0 auto; text-align:center}
.product .pro_tit .p1{ background:url(../images/prox.jpg) center bottom no-repeat; height:40px; font-size:24px}
.product .p2{line-height:25px}
.product  .pro_sty{  height:54px; margin:1px auto 20px auto; }
.product .pro_sty ul{width:800px; margin:0 auto;}
.product .pro_sty ul li{width:100px; padding:15px 15px ; text-align:center; margin-left:20px; background:#003579; font-size:15px}
.product  .pro_sty ul li a{ color:#fff;}
.product  .pro_sty ul li:hover { background:#e60012}
.product  .pro_con{ height:322px; overflow:hidden;}
.product  .pro_con li{ width:258px; height:320px; background:#fff; margin-left:15px; border:1px solid #333; position:relative;}
.product  .pro_con li img{ width:258px;height:320px; 
   transform:rotateY(0deg);
   @-webkit-transform:rotateY(0deg);
   @-o-transform:rotateY(0deg);
   @-moz-transform:rotateY(0deg);
   @-ms-transform:rotateY(0deg);

   @-moz-transition:all 0.3s linear;
   @-webkit-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   border:0 }
.product  .pro_con li:hover img {
	transform:rotateY(90deg); 
	@-webkit-transform:rotateY(90deg);
	@-moz-transform:rotateY(90deg);
	@-o-transform:rotateY(90deg);
	@-ms-transform:rotateY(90deg);

   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;}
 
.product  .pro_con li div{ width:208px; height:260px; position:absolute; top:0; left:0; background:rgba(0,0,0,0.6); 
transform:rotateY(-90deg); 
@-webkit-transform:rotateY(-90deg);
@-moz-transform:rotateY(-90deg);
@-o-transform:rotateY(-90deg);
@-ms-transform:rotateY(-90deg);

@-moz-transition:all 0.3s linear;
@-webkit-transition:all 0.3s linear;
@-ms-transition:all 0.3s linear;
@-o-transition:all 0.3s linear;
 padding:30px 25px; color:#fff;}

.product  .pro_con li:hover div {
	transform:rotateY(0deg); 
	@-webkit-transform:rotateY(0deg);
	@-o-transform:rotateY(0deg);
	@-moz-transform:rotateY(0deg);
	@-ms-transform:rotateY(0deg);
    transition:all 0.3s linear;
	@-moz-transition:all 0.3s linear;
	@-webkit-transition:all 0.3s linear;
	@-ms-transition:all 0.3s linear;
	@-o-transition:all 0.3s linear;
}

.product  .pro_con li div h6{ line-height:25px; text-align: center; font-size:16px; font-weight:normal; margin-bottom:10px}
.product  .pro_con li div p{ text-indent:45px; line-height:20px;}
.product  .pro_con li div span{  border-radius:15px;  background:#ccc; padding:5px 40px; display:block; margin:20px auto; text-align:center}
.product  .pro_con li div span a{ color:#333; display:block}
.product  .pro_con li div span:hover{ background:#fff;
@-moz-transition:all 0.3s linear;
@-webkit-transition:all 0.3s linear;
@-ms-transition:all 0.3s linear;
@-o-transition:all 0.3s linear;
}
.product  .pro_con li div span:hover a{ color:#333;}



.case{ height:500px; background:url(../images/case.png) 45% 30px no-repeat,url(../images/case.jpg) top center no-repeat;}
.case .case_t P{ background:url(../images/C.png) bottom  left no-repeat ; width:170px; height:80px; color:#fff; font-size:36px; line-height:80px; padding-top:50px }
.case .case_t P a{ color:#fff;}
.case .case_t  ul{ height:260px; }
.case .case_t  ul li{ width:335px; height:250px; margin-left:15px; border:5px solid #c6d2df;
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
}
.case .case_t  ul li img{ width:100%; height:100%;}
.case .case_t  ul li:hover{ border:5px solid #104c90;
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
}


/*案例展示*/
#ISL_Cont_1{ margin:100px auto 10px auto;height:220px;float:left; overflow:hidden; width:1100px  }

#ISL_Cont_1 .product{width:315px; height:200px; float:left; text-align:center; border:5px solid #d4e0ed ; margin-left:15px; overflow:hidden; position:relative}
#ISL_Cont_1 .product a{width:335px; height:220px; float:left; text-align:center; color:#fff}
#ISL_Cont_1 .product img{width:100%; height:220px; }
#ISL_Cont_1 .product a:hover img{background:#FFFFFF;}
#ISL_Cont_1 .product:hover{border:5px solid #104c90 ;}
#ISL_Cont_1 .product a span{width:100%;height:30px; line-height:30px; text-align:center; position:absolute; bottom:0; left:0; display:block; background:rgba(169,196,227,0.5)}	
#ISL_Cont_1 .product:hover a span{ background:rgba(16,76,144,1);display:block}	 			
#Leftarr{float:left;margin-top:170px; margin-right:5px;width:27px;height:23px;cursor:pointer;display:inline;}
#Rightarr{float:left;margin-top:170px;margin-left:0px;width:27px;height:23px;cursor:pointer;display:inline;}



/*#pop{background:#fff;width:150px; height:150px;font-size:12px;position:fixed;right:0;bottom:240px;}
#popHead{line-height:32px;background:#f6f0f3;border-bottom:1px solid #e0e0e0;font-size:12px;padding:0 0 0 10px;}
#popHead h2{font-size:14px;color:#666;line-height:32px;height:32px;}
#popHead #popClose{position:absolute;right:10px;top:1px;}
#popHead a#popClose:hover{color:#f00;cursor:pointer;}*/

.news{margin-top:10px; padding:10px 0}
.news .news_tit{ width:620px; height:80px; margin:0 auto; text-align:center}
.news .news_tit .p1{ background:url(../images/prox.jpg) center bottom no-repeat; height:40px; font-size:24px}

.news .p2{line-height:25px}
.news ul{ margin-top:15px;}
.news ul li{ width:240px; height:270px ; margin-left:30px; overflow: hidden}
.news ul li img{ width:100%; height:160px;
   transform:scale(1);  
    @-webkit-transform:scale(1);  
    @-moz-transform:scale(1);  
    @-o-transform:scale(1);  
    @-ms-transform:scale(1);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
}
.news ul li h3{ line-height:30px; border-bottom:2px solid #666; margin-top:15px}
.news ul li h3 span{ float:right; font-weight:normal; font-size:12px}
.news ul li p{ line-height:25px; margin-top:5px;}
.news ul li:hover img{ 

   transform:scale(1.05);  
    @-webkit-transform:scale(1.05);  
    @-moz-transform:scale(1.05);  
    @-o-transform:scale(1.05);  
    @-ms-transform:scale(1.05);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;

 }
.news ul li h3:hover a{ color:#e60012}
.news ul li p:hover a{ color:#e60012}
.news ul li:nth-child(1){ margin-left:0;}


.contact{ height:100px; background:#003579; color:#fff; margin-top:20px}
.contact .con_txt{ line-height:100px;position:relative}
.contact .con_txt p{ width:70%; float:left; text-align:left}
.contact .con_txt span{ float:right; display: block}
.contact .con_txt span img{ vertical-align:middle ;}
.contact .con_txt .weix { float:left; position:absolute; top:-30px; right:120px; opacity:0}
.contact .con_txt .img_pic{ cursor: pointer}

.foot{ height:30px; background:#eee; color:#333}

.footer{ line-height:30px;}
.dn{display: none;}
/* 返回顶部 */
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}
.go-top .qq{background-position: 0 -50px;}
.go-top .qq:hover{background-position: 0 -200px;}
/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop{
	position: absolute;right: 60px;top: -100px;
	width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #fff;
}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}

/*内页*/

.conter{ width:1100px; height:auto; margin:0 auto; padding:50px 0; }
.conter .con_left{ width:260px; height:auto; float: left; }
.conter .con_left .con_fl{ width:100%; height:auto; padding-bottom:10px; border:1px solid #003579 }
.conter .con_left .con_fl h6{ width:100%; height:80px; line-height:80px; text-align: center; color:#fff;background:url(../images/tit.jpg) center no-repeat #003579; font-size:24px}
.conter .con_left .con_fl ul{ width:260px; height:auto; }
.conter .con_left .con_fl ul li{ width:90%; text-align:left; line-height:45px; background:url(../images/jt.png) 200px 20px no-repeat ; text-indent:30px; font-size:14px; position:relative; border-bottom:1px  dotted #ccc; margin-left:5%}
.conter .con_left .con_fl ul li a{ color:#003579} 
.conter .con_left .con_fl ul li a:hover{ color:#e60012; font-weight:800}
.conter .con_left .con_sp{ width:100%; height:200px;margin-top:10px}
.conter .con_left .con_lx{ width:100%; height:290px; margin-top:10px;border:1px solid #003579 }
.conter .con_left .con_lx h6{ width:100%; height:80px; line-height:80px; text-align: center; color:#fff;background:url(../images/tit.jpg) center no-repeat #003579;font-size:24px}
.conter .con_left .con_lx .p1{ width:240px; height:220px; padding:10px; line-height:25px }
.conter .con_right{ width:800px; height:auto; float: right;  min-height:100px; }
.conter .con_right h3{ width:100%; height:80px;/* background:#063;*/ font-size:24px; overflow:hidden; line-height:90px; color:#e60012;text-indent:20px; border-bottom:1px solid #ccc }
.conter .con_right h3 span{ float:right; font-size:14px; font-weight:normal; line-height:110px; margin-right:20px;color:#333;}
.conter .con_right h3 span a{ color:#333;}
.conter .con_right h3 span a:hover{ color:#f00}
.conter .con_right .con_tit{ width:760px; height:auto; padding:20px; line-height:30px}


.page {display:block;height:30px;text-align:center; padding-top:20px; padding-bottom:20px;}
.page a,.page span {background:#e1eeff;color:#4f4e49;height:auto;line-height:18px;margin:0px 0px 0px 8px;padding:3px 7px;width:auto;}
.page a:hover,.page .cur {background:#e60012;border-color:#e60012;color:#fff;text-decoration: none;}
.abc{ color:#fff ; line-height:30px}
.abc:hover { color:#e60012}

.news1 li a{ color:#333}
.news1 li{ width:100%; height:100px; border-bottom:1px dotted #ccc; margin-top:5px }
.news1 li dl dt{ width:150px; height:95px;  background:#ccc; float:left; cursor:pointer; overflow:hidden}
.news1 li dl dt img{ width:150px; height:95px;transition:all 0.3s linear;}
.news1 li:hover dl dt img{ transform:scale(1.1) ; transition:all 0.3s linear;}
.news1 li dl dd{ width:580px; float: right;} 
.news1 li dl dd h4{ line-height:40px; text-align:left;}
.news1 li dl dd h4 span{ float:right; font-weight: normal; font-size:13px}
.news1 li dl dd p{ line-height:25px; margin-top:5px}
.news1 li dl dd h4:hover a{ color:#e60012 }
.news1 li dl dd p:hover a{ color:#e60012;}

.neir img{ width:700px}
.propic li{ width:240px; height:200px; border:1px solid #f5f5f5; margin-left:16px;  margin-bottom:30px; overflow:hidden; position:relative }
.propic li:nth-child(3n+1){ margin-left:0;}
.propic li img{ width:100%; height:100%; 

   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;

}
.propic li p{ width:90%; height:30px;  line-height:30px; text-align:center); position:absolute; bottom:0; left:0; background:rgba(0,53,121,0.5); text-align:center; color:#fff; padding:0 5%; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.propic li p a{ color:#f5f5f5}
.propic li:hover p a{ color:#fff;}
.propic li:hover{ box-shadow:0 0 10px #ccc;  background:#fff}
.propic li:hover img { 
   transform:scale(1.05);  
    @-webkit-transform:scale(1.05);  
    @-moz-transform:scale(1.05);  
    @-o-transform:scale(1.05);  
    @-ms-transform:scale(1.05);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
 }




/**弹出层样式***/
.mask{height: 100%;width: 100%;filter:alpha(opacity:0);opacity: 0;background: #000;position: absolute;z-index: 1;left: 0;top:0}
.popup{background:#fff url(../images/loading.gif) no-repeat center;border: 10px solid #fff;position: absolute;z-index: 2;;overflow:hidden;width: 320px;height: 240px}
.popup img{height: auto;width: auto;}
.btn{position: absolute;right: 0;top:0;height: 100%;width: 50%;cursor: pointer;}
.prev{left: 0;background: url(../images/lightbox-btn-prev.gif) no-repeat  0 50px;}
.next{background: url(../images/lightbox-btn-next.gif) no-repeat  right 50px;}

.popupBottom{position: relative;z-index: 3;margin-top:8px}
.popupTitle,.popupClose{float: right;}
.popupTitle{width:100%;line-height: 18px;color: #543424;font-family: Arial;font-size: 12px;margin-right: -81px;width: 100%;_margin:-22px 0 0 0}
.popupTitleTxt{float: left;margin-right: 126px}
.popupClose{margin-right:15px;height: 22px;width: 66px;background: url(../images/lightbox-btn-close.gif) no-repeat;cursor: pointer;position: relative;z-index: 4}