.photo-swiper{width:100%;height:275px;overflow:hidden;margin-bottom:15px;}
.photo-swiper .swiper-slide{width:100%;height:275px;overflow:hidden;text-align:center;vertical-align:middle;flex-direction:column;justify-content:center;}
.photo-swiper .swiper-slide img{display:inline-block; vertical-align:middle;width:100%;}
.photo-swiper .swiper-slide a{display:inline-block; vertical-align:middle;width:100%;height:100%;background-size:100% auto;}


.photo-cate{width:100%;}
.photo-cate button{width:100%;margin-top:10px;}
.photo-cate .text-title{font-size:16px;font-weight:bold;padding:0 15px;}
.photo-cate .dropdown-menu{width:100%;text-align:center;}
.photo-cate .cur{font-weight:bold;}
.photo-cate .cur a{font-weight:bold;color:#0066cc;}

.photo-grid {-webkit-backface-visibility: hidden; backface-visibility: hidden; margin-bottom: 30px;overflow:hidden;}
.photo-grid ul {margin:5px;}
.photo-grid ul li{padding:5px;}
.photo-grid ul li .list-box{position:relative;background-color: white;border: 1px solid #eee;}
.photo-grid ul li .list-box:after,.photo-grid ul li .list-box:before{clear:both;content:'';display:block;width:100px;height:15px;position:absolute;}
.photo-grid ul li .list-box:after{background:url(../images/shadow-left.png) bottom left no-repeat;bottom:-11px;left:-3px}
.photo-grid ul li .list-box:before{background:url(../images/shadow-right.png) bottom center no-repeat;bottom:-9px;right:-6px}
.photo-grid ul li .photo-thumb{margin:10px;padding:2px;height:180px;overflow: hidden;vertical-align: middle;text-align:center;border-radius:5%;border:1px solid #ccc;}
.photo-grid ul li .photo-thumb a{vertical-align: middle;display: table;padding:10px;}
.photo-grid ul li .photo-thumb img {width: 100%;display: table-cell;}
.photo-grid ul li .photo-content { border: 0; margin-top: 20px;text-align:center;}
.photo-grid ul li .photo-content h5 {font-size: 16px;text-transform: uppercase; margin: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.photo-grid ul li .photo-content h5 a { color: #2a3f52;}
.photo-grid ul li .photo-content h5 a:hover {color: #e84c3d;}
.photo-grid ul li .photo-content span { color: #2a80b9; display: block;}
.photo-grid ul li .photo-content span.tips {margin-top: 10px; font-size: 16px; font-weight: 600;}
.photo-grid ul li:hover .photo-thumb img{transform:scale(1.2);transition:transform .5s;}
.photo-grid ul li:hover .photo-content a {text-decoration: underline;color:#0066cc}


.photo-list {position:relative;height:150px;border:1px solid #ccc;-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; margin-bottom: 20px;background-color: white;border-bottom: 1px dashed #ccc;padding:15px 25px;}
.photo-list:after,.photo-list:before{clear:both;content:'';display:block;width:100px;height:15px;position:absolute;}
.photo-list:after{background:url(../images/shadow-left.png) bottom left no-repeat;bottom:-11px;left:-3px}
.photo-list:before{background:url(../images/shadow-right.png) bottom center no-repeat;bottom:-9px;right:-6px}
.photo-list .photo-thumb{width:120px;height:100px;overflow:hidden;float:left;text-align:center;border: 1px solid #eee;border-radius:5%;}
.photo-list .photo-thumb img {height:100%;display:inline-block;}
.photo-list .photo-content {width:calc(100% - 130px);border: 0;;float:right;}
.photo-list .photo-content h5 {text-transform: uppercase; margin: 0 0 15px 0;font-size: 18px;}
.photo-list .photo-content span{font-weight:bold;color:#222;padding-right: 15px;}
.photo-list .photo-content a {color:#333; font-weight: 600;}
.photo-list .photo-content h5 a:hover {color: #e84c3d;}
.photo-list .photo-content p{display: block;line-height:180%;color:#666;}


.photo-view{padding:20px;}
.photo-view .title{font-size:22px;text-align:center;font-weight:bold;line-height:250%;margin-top:35px;}
.photo-view .info{margin-bottom:15px;padding-top:10px;text-align:center;border-top:1px solid #ccc;}
.photo-view .info span{display:inline-block;padding:0 20px;font-size:16px;font-weight:600;}
.photo-view .content{font-size:16px;line-height:200%;}
.photo-view .content img{width:100%;}