@keyframes show {
    0% {opacity: 0.3}
    100% {opacity: 1}
}
@-webkit-keyframes show {
    0% {opacity: 0.3}
    100% {opacity: 1}
}
@-moz-keyframes show {
    0% {opacity: 0.3}
    100% {opacity: 1}
}
h1 {text-align: center;margin-bottom: 50px;}
.cpworksGallary {position: relative;margin-bottom: 30px;}
.IG-slide {display: none;}
.IG-slide.active {display: block !important; animation: show 0.5s; -webkit-animation: show 0.5s;-moz-animation: show 0.5s;}
.IG-slide-item {display:inline-block; width: 24%; margin: 0.5%; margin-bottom:30px; box-shadow: #DDDDDD 1px 1px 3px, #DDDDDD -1px -1px 3px;-webkit-box-shadow: #DDDDDD 1px 1px 3px, #DDDDDD -1px -1px 3px; background: #FFFFFF; overflow: hidden;cursor: pointer;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.IG-slide-item > a {display: block;text-decoration: none;color: #333;}
.IG-slide-item > a:hover {color: #ffa400;background: #2aa198;}
.IG-slide-item-wrapper {padding: 1% 1% 0 1%;}
.IG-slide-item-wrapper > * {width: 100%; overflow: hidden;}
.IG-slide-item-wrapper > p {height: 25px; margin: 8px 0 0 0; text-overflow: ellipsis; white-space: nowrap;}
.IG-img-wrapper {position: relative;}
.IG-img-wrapper > * {width: 100%;}
.IG-mask {position: absolute;top:0; left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.IG-slide-item-wrapper:hover .IG-mask {opacity: 1;}
.IG-mask ul {position: relative;height: 100%;margin: 0;}
.IG-mask li {position:absolute;display: block;width:40px;height:40px;color: rgba(42,161,152,0.3);}
.IG-mask li:nth-child(1) {top:0;left:0;clip:rect(0px,20px,20px,0px); transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.IG-mask li:nth-child(2) {top:0;right:0;clip:rect(0px,40px,20px,20px); transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.IG-mask li:nth-child(3) {top:78%;left:0;clip:rect(20px,20px,40px,0px); transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.IG-mask li:nth-child(4) {top:78%;right:0;clip:rect(20px,40px,40px,20px); transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.IG-slide-item-wrapper:hover li:nth-child(1) {top:39%;left: 42.5%; color: #2aa198;}
.IG-slide-item-wrapper:hover li:nth-child(2) {top:39%;right: 42.5%; color: #2aa198;}
.IG-slide-item-wrapper:hover li:nth-child(3) {top:39%;left: 42.5%; color: #2aa198;}
.IG-slide-item-wrapper:hover li:nth-child(4) {top:39%;right: 42.5%; color: #2aa198;}
.IG-mask i {font-size: 40px;}
.IG-nav-points {width: 100%; padding: 0; text-align: center;}
.IG-nav-points li {display: inline-block;width: 10px;height: 10px;margin:10px 10px;border-radius: 10px;background: #ddd;cursor: pointer;}
.IG-nav-points li.active {background: #2aa198;}
.IG-nav-arrows > div {position:absolute; top:45%; width:25px; height:40px;cursor: pointer;opacity: 0.5;}
.IG-nav-arrows > div:hover {opacity: 1;}
.IG-nav-arrows .arrow-left {left:-50px;background: url("http://files.focusky.com.cn/web/images/competition1/上一页.png") no-repeat;}
.IG-nav-arrows .arrow-right {right:-50px;background: url("http://files.focusky.com.cn/web/images/competition1/下一页.png") no-repeat;}
.work-download {margin-bottom: 0;border-top: #eee 1px solid;text-align: center;font-weight: 600;line-height: 30px;}
.work-download:hover {background: #FFFFFF;}