.photo{padding:85px 0 130px;}
.photo ul{margin:0 -8px 0 -7px;}
.photo li{float:left;width:33.333333%;}
.photo li .img{margin:7px 8px 8px 7px;background:no-repeat center center;background-size:cover;height:260px;position:relative;}
.photo li .img .text{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.6);background:none\9;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)\9;display:none;}
.photo li .img .text i{position:absolute;width:120px;height:120px;left:50%;top:50%;margin:-60px 0 0 -60px;line-height:120px;font-style:normal;font-size:24px;color:#fff;text-align:center;background:#e1cb8f;border-radius: 50%;}
.photo li .item{margin:7px 8px 8px 7px;}
.photo li .item img{width:100%;height:auto;}
.photo_big{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);background:none\9;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)\9;z-index:10;}
.photo_big .owl-carousel,.photo_big .owl-carousel .owl-stage-outer,.photo_big .owl-carousel .owl-stage,.photo_big .owl-carousel .owl-item,.photo_big .owl-carousel .item{height:100%;text-align:center;position:relative;}
.photo_big .owl-carousel .item i{display:inline-block;height:100%;width:0; vertical-align: middle;}
.photo_big .owl-carousel .item .img{width:90%;vertical-align: middle;display:inline-block;text-align:center;}
.photo_big .owl-carousel .item .img img{max-width:100%;height:auto;}
.photo_big .owl-carousel .item .pic_name{background:rgba(0,0,0,0.6);background:none\9;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)\9;position:absolute;lefT:0;bottom:0;height:40px;line-height:40px;font-size:16px;width:100%;color:#fff;}
.photo_big .owl-carousel .owl-prev,.photo_big .owl-carousel .owl-next{width:30px;height:30px;position:absolute;top:50%;margin-top:-15px;background:url(../images/prev_01.png);z-index:999; text-indent: 99px;overflow:hidden;}
.photo_big .owl-carousel .owl-prev{left:10px;}
.photo_big .owl-carousel .owl-next{background:url(../images/next_01.png);right:10px;}
.photo_big .close {width:30px;height:30px;position:absolute;right:10px;top:10px;background:url(../images/close.png);cursor: pointer;z-index:99;}



@media screen and (max-width:1080px) {
.photo{padding:65px 0 110px;}
.photo li .img .text i{width:100px;height:100px;margin:-50px 0 0 -50px;line-height:100px;font-size:22px;}
}
@media screen and (max-width:880px) {
.photo li{width:50%;}
.photo li .img{height:200px;}
.photo li .img .text{display:block!important;height:40px;bottom:0;top:auto;text-align:center;}
.photo li .img .text i{background:none;width:auto;height:auto;line-height:40px;position:relative;top:0;left:0;margin:0;font-size:16px;}
.photo{padding:50px 0 60px;}
}
@media screen and (max-width:640px) {
.photo li .img{height:180px;}
.photo{padding:40px 0;}
}