
.detailbox { width: 1200px; }

.detailbox .swSummBox img { max-width: 1160px; }

.imgViewDom { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(255,255,255,0.8); z-index: 3000 }

.imgViewDom .swiper { width: 90%; height: 90%; background: #111; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 8px; overflow: hidden }

.imgViewDom .swiper .close-btn { width: 24px; height: 24px; position: absolute; color: #fff; right: 10px; top: 10px; text-align: center; line-height: 24px; background: #3d3d3d; border-radius: 50%; cursor: pointer; z-index: 10 }

.imgViewDom .swiper .close-btn img { margin: 6px; display: block; width: 12px; height: 12px }

.imgViewDom .swiper .swiper-slide { overflow: scroll; /*display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;*/ cursor: pointer ;text-align:center;}

.imgViewDom .swiper .swiper-slide a { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: -webkit-zoom-in; cursor: zoom-in; margin: 0 40px; width: 100%; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }

.imgViewDom .swiper .swiper-slide img { display: inline-block; /*-o-object-fit: scale-down; object-fit: scale-down; max-width: 100%; max-height: 100%*/ }

.imgViewDom .swiper .swiper-button-prev, .imgViewDom .swiper .swiper-button-next { color: #fff }

.imgViewDom .swiper .swiper-button-prev::after, .imgViewDom .swiper .swiper-button-next::after { font-size: 22px }

.pagination-box .ui-paging-container ul { text-align: center; padding-top: 2px }

.pagination-box .ui-paging-container ul li { border: none; background-color: #f7f7fc; color: #999; border-radius: 4px; display: inline-block; margin-left: 8px; padding: 0; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 13px }

.pagination-box .ui-paging-container ul li:hover { cursor: pointer }

.pagination-box .ui-paging-container ul li.js-page-first, .pagination-box .ui-paging-container ul li.js-page-last { display: none }

.pagination-box .ui-paging-container ul li.js-page-action:hover { color: #222226 }

.pagination-box .ui-paging-container ul li.ui-paging-ellipse:hover { cursor: default }

.pagination-box .ui-paging-container ul li.ui-pager-disabled { color: #999 }

.pagination-box .ui-paging-container ul li.ui-pager-disabled:hover { cursor: default; border: none; color: #999 }

.pagination-box .ui-paging-container ul li[data-page]:hover { color: #222226 }

.pagination-box .ui-paging-container ul li[data-page].focus { color: #fff; background-color: #555666 }

.pagination-box .ui-paging-container ul li[data-page].focus:hover { cursor: default }
