@charset "UTF-8";
#ie-alert-overlay{width:100%;height:100%;background-image:url(../images/bg.png);position:fixed;top:0;left:0;z-index:9999}
* html #ie-alert-overlay{position:absolute;z-index:9999}
#ie-alert-panel{width:520px;height:331px;position:fixed;background:url(../images/iealertsprite.png) no-repeat;background-position:-1px -109px;top:50%;left:50%;margin:-201px 0 0 -296px;padding:72px 0 0 72px;_position:absolute;_top:expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:bold;color:#333;line-height:1.5em;z-index:10000}
#ie-alert-panel p{font-size:14px;width:486px;text-align:justify}
#ie-alert-panel img{border:0}
#ie-alert-panel span{font-size:18px;margin:0 0 20px 0;display:block;padding:0}
#ie-alert-panel ul{list-style:none;margin:0;padding:0}
#ie-alert-panel li{float:left;margin:0 22px 0 0}
#ie-alert-panel li.last{margin-right:0}
#ie-alert-panel a{display:inline-block}
.browser{position:absolute;bottom:35px}
.chrome,.firefox,.ie9,.opera,.safari{background:url(../images/iealertsprite.png) no-repeat}
.chrome{background-position:0 0;width:73px;height:96px;margin:0 4px 0 0}
.firefox{background-position:-292px 0;width:73px;height:98px}
.ie9{background-position:-179px 0;width:95px;height:98px}
.opera{background-position:-90px 0;width:73px;height:98px}
.safari{background-position:-387px 0;width:73px;height:98px;margin:0 4px 0 0}
.demo{width:1200px;height:auto;margin:60px auto;padding-left:80px}
@media only screen and (min-width:420px){
	.demo{width:1200px;margin:60px auto}
}
.box{float:left;width:380px;height:280px}
.clear{clear:both}
.he_border2{background:#002a6d;width:360px;height:260px;padding:0;margin:0;border:1px solid #000;position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.6}
.he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border2 .he_border2_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1}
.he_border2 .he_border2_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border2:hover .he_border2_caption_p{top:45%;opacity:1}
a.xob,a.xob:visited,a.xob:hover{text-decoration:none;text-align:center}
a.xob img{display:block;border:0}
a.xob b{display:block}
a.xob em{font:bold 10px/12px arial,sans-serif;color:#000}
a.xob .xob{float:left;width:380px;height:280px}
a.xob .lightxob{position:absolute;left:-9999px;top:-10000px;cursor:default;z-index:500}
a.xob .light{position:absolute;left:0;top:0;width:100%}
a.xob .bxo{position:absolute;left:0;width:100%;text-align:center;height:300px;top:30%;margin-top:-150px}
a.xob:active{direction:ltr}
a.xob:active .lightxob{left:0;top:0;width:800px;height:auto}
a.xob .lightxob:hover,a.xob:focus .lightxob{position:fixed;left:0;top:0;width:100%;height:100%}
a.xob .lightxob:hover .light,a.xob:active .lightxob .light,a.xob:focus .lightxob .light{background:#fff;width:100%;height:100%;filter:alpha(opacity=90);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);opacity:0.90}
a.xob .lightxob:hover .bxo img,a.xob:active .lightxob .bxo img,a.xob:focus .lightxob .bxo img{border:1px solid #002a6d;margin:0 auto;padding:30px;background:#fff}
a.xob .lightxob:hover .bxo span,a.xob:active .lightxob .bxo span,a.xob:focus .lightxob .bxo span{display:block;width:560px;padding:0;margin:10px auto;text-align:center;text-decoration:none;background:#fff;border:1px solid #002a6d}
a.xob .lightxob .bxo span.title{font:normal 22px/26px verdana,sans-serif;color:#002a6d}
a.xob .lightxob .bxo span.text{font:normal 11px/16px verdana,sans-serif;color:#002a6d}
.clear{clear:left}
a.xob i{display:block;width:32px;height:32px;position:fixed;right:-100px;top:0;z-index:500}
a.xob .lightxob:hover i,a.xob:active i,a.xob:focus i{right:50%;top:30%;background-color:#002a6d;border-radius:20px;margin-right:-295px;margin-top:-165px}
#close{display:block;position:fixed;width:32px;height:32px;right:50%;top:30%;margin-right:-295px;margin-top:-165px;z-index:1000;cursor:pointer}