.cx-photos-01{padding:60px 0;overflow:hidden;}
.cx-photos-01 .list{margin:-12px;overflow:hidden;}
.cx-photos-01 .list .item{position:relative;float:left;margin:12px;overflow:hidden;background:#fff;border-radius:5px;box-shadow: 0 0 5px 0 #ccc;}
.cx-photos-01 .list[data-grid="2"] .item{width:calc(50% - 24px);}
.cx-photos-01 .list[data-grid="3"] .item{width:calc(33.3333% - 24px);}
.cx-photos-01 .list[data-grid="4"] .item{width:calc(25% - 24px);}
.cx-photos-01 .list[data-grid="5"] .item{width:calc(20% - 24px);}
.cx-photos-01 .list[data-grid="6"] .item{width:calc(16.6666% - 24px);}
.cx-photos-01 .list .pic{overflow:hidden;}
.cx-photos-01 .list .pic img{display:block;width:100%;transition:all 1s;}
.cx-photos-01 .list .pic:hover img{transform:scale(1.1);}
.cx-photos-01 .list .text{padding:10px;text-align:center;overflow:hidden;}
.cx-photos-01 .list .text h3{line-height:30px;font-size:16px;color:#333;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.cx-photos-01 .list .text h3 a{color:#333;}
.cx-photos-01 .list .item:hover{background:#005ca9;}
.cx-photos-01 .list .item:hover .text h3,.cx-photos-01 .list .item:hover .text h3 a{color:#fff;}
.cx-photos-01 .list[data-type="video"] .pic a{display:block;position:relative;}
.cx-photos-01 .list[data-type="video"] .pic a:after{display:block;position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.3);transition:all 0.5s;}
.cx-photos-01 .list[data-type="video"] .pic a:before{display:block;position:absolute;z-index:3;left:50%;top:50%;font-size:36px;color:#fff;font-family:'iconfont' !important;content:"\e623";transform:translate(-50%,-50%);transition:all 0.5s;}
.cx-photos-01 .list[data-type="video"] .item:hover .pic a:after{background-color:rgba(0,0,0,0.2);}
.cx-photos-01 .list[data-type="VR"] .pic a{display:block;position:relative;}
.cx-photos-01 .list[data-type="VR"] .pic a:after{display:block;position:absolute;left:20px;top:20px;width:90px;height:40px;content:"";background:url(../images/Template/vr_tag.png) no-repeat center / 100%;}
.cx-photos-01 .list[data-type="team"] .text{position:absolute;left:0;bottom:0;width:100%;text-align:left;background:rgba(0,0,0,0.5);}
.cx-photos-01 .list[data-type="team"] .text h3 a{color:#fff;}
.cx-photos-01 .list[data-type="team"] .text p{display:none;margin-top:5px;line-height:22px;font-size:14px;color:#fff;}
.cx-photos-01 .list[data-type="team"] .item:hover .text p{display:block;}
@media(max-width:1440px){
.cx-photos-01{padding:50px 0;}
}
@media(max-width:1200px){
.cx-photos-01{padding:30px 10px;}
.cx-photos-01 .list{margin:-6px;}
.cx-photos-01 .list .item{margin:6px;width:calc(50% - 12px) !important;}
.cx-photos-01 .list .text h3{line-height:25px;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cx-photos-01 .list[data-type="VR"] .pic a:after{left:10px;top:10px;width:80px;height:36px;}
}