img {max-width:100%;max-height:100%;}
.main-content {width:100%;}
.title {margin:20px 30px;}
.image-list {width:100%;}
.image-list .cover {position:relative;width:160px;height:230px;display:inline-block;background-color:#fff;cursor:pointer;}
.image-list .cover img {position:absolute;top:0;right:0;bottom:0;left:0;width: 160px;height: 105px;}
#pictureViewer {width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:10000;}
#pictureViewer > .content {position:absolute;width:860px;height:580px;margin:auto;top:0;right:0;bottom:0;left:0;}
#pictureViewer .menu-bar {width: 98%;}
#pictureViewer .menu-bar .handel {width:40px;height:40px;float:right;background-repeat:no-repeat;background-position:50%;cursor:pointer;}
#pictureViewer .menu-bar .handel.maximization {background-image:url(../maximization_black.html);background-size:14px;display: none;display: none !important;}
#pictureViewer .menu-bar .handel.maximization:hover {background-image:url(../maximization_white.html);}
#pictureViewer .menu-bar .handel.miniaturization {background-size:16px;background-image:url(../miniaturization_black.html);}
#pictureViewer .menu-bar .handel.miniaturization:hover {background-image:url(../miniaturization_white.html);}
#pictureViewer .menu-bar .handel.close-view {background-image:url(../png/img6.png);background-size:26px;}
#pictureViewer .handel-prev,#pictureViewer .handel-next {display:inline-block;width:50px;height:70px;position:relative;top:calc(50% - 80px);background-repeat:no-repeat;background-size:25px;background-position:50%;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
#pictureViewer .handel-prev {background-image:url(../png/img4.png);}
#pictureViewer .handel-next {background-image:url(../png/img5.png);}
#pictureViewer .handel-prev:hover {background-image:url(../png/img4.png);}
#pictureViewer .handel-next:hover {background-image:url(../png/img5.png);}
#pictureViewer .picture-content {display:inline-block;width:750px;height:calc(100% - 80px);position:absolute;margin:0 auto;left:0;right:0;}
#pictureViewer .picture-content .cover {position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}
#pictureViewer .counter {position:absolute;bottom:-10px;line-height:32px;text-align:center;color:#808080;font-size:13px;width:78px;height:32px;left:0;background:#EBEEF5;border-radius:44px;margin:0 auto;right:0;font-size:18px;color:#21293C;letter-spacing:-1.5px;}
#pictureViewer .hide {display:none;}
#pictureViewer .left {float:left;}
#pictureViewer .right {float:right;}
#pictureViewer .clear-flex {clear:both;}
#pictureViewer img {width:750px;height:500px;}