*{margin:0;padding:0;list-style-type:none;}

.case-content{overflow:hidden; position:relative; height:885px;}
.case-content h3{ padding-top:15px;}


.case-item{ float:left; margin-right:20px;}

.case-itemBG1{ position:absolute; width:606px;  left:394px;}

.case-itemBG2{ position:absolute; width:462px;   left:537px; top:163px;}


.case-itemBG3{ position:absolute; width:430px;   left:572px; top:355px;}

.case-itemBG4{ position:absolute; width:550px;  left:400px; top:570px; z-index:2;}

.case-itemBG5{ position:absolute; width:745px;  left:100px; top:600px; z-index:1; }

.case-itemBG5 .case-item{ margin-right:600px; margin-bottom:20px;}


.case-itemBG6{ position:absolute; width:470px;  left:0px; top:133px;}


.case-itemBG6 img{ width:473px; height:auto; border-radius:30%;}


.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:140px;height:140px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:316px;height:216px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:145px;height:145px;border:5px solid #ffce00;border-right-color:#acce22;border-bottom-color:#acce22;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}



.ih-item.circle.effect1 .spinner{ border:1px solid #acce22\9;}


.ih-item.circle.effect1 .img{position:absolute;top:5px;bottom:0;left:5px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:5px;bottom:0;left:5px;right:0;background:#333;background:rgba(0,0,0,.2);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.ih-item.circle.effect1 .info{ background:none\9;}

.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:24px;margin:0 30px;padding:55px 0 0;height:110px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}



.ih-item.circle.effect1 .info h3{ background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important\9;
    filter: alpha(opacity=70);
    background: #000000\9; padding:0px\9; margin:0px; height:35px\9; line-height:35px\9;}




.ih-item.circle.effect1 .info p{ display:none\9;}








.ih-item.circle.effect1 .info p{color:#bbb;padding:10px 5px;font-style:italic;margin:0 30px;font-size:12px;border-top:1px solid rgba(255,255,255,.5)}
.ih-item.circle.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a:hover .info{opacity:1}