/*Album.css*/
        .modal-album {background-color: #222 !important;position: fixed !important;
			width:100%;height:100vh;top:0;left:0;display:none;z-index: 999;}
			
	.modal-album .close {position:absolute;right:50px;top:50px;cursor:pointer;}
	.modal-album .base{position: relative;width:1000px;left:50%;height: 625px;margin-left: -500px; margin-top: 10vh;}
	.modal-album .base_left{position: absolute;width:70px;height:595px;text-align: center;cursor: pointer;}
	.modal-album .arrow_left{position: absolute;padding:0px;top: 50%;margin-top: -40px;left:9px;width:50px;height:80px;display: block;
							background: url("../images/album-slider.png") no-repeat 0 0;
							background-position: 4px -82px;}
	.modal-album .base_right{position: absolute;width:68px;height:595px;text-align: center;right:0px;cursor: pointer;}
	.modal-album .arrow_right{position: absolute;left:0px;top: 50%;margin-top: -40px;left:9px;width:50px;height:80px;display: block;
						background: url("../images/album-slider.png") no-repeat 0 0;
							background-position: 5px 5px;}
	.modal-album .content{height: 595px; width: 860px;position: absolute;left:70px;
			 background: url() no-repeat;background-position: 50%;background-size: contain;}
	.modal-album .toggle{position: absolute;top: 596px;width: 100%;height: 30px;background: #fafafa;line-height: 30px;border-top: 1px solid #e6e6e6;}
	.modal-album .toggle .list{font-size: 14px;color: #666;width: 98px;cursor: pointer;background: white;}
	.modal-album .toggle .list span{display: block;position: absolute;
			left: 66px;top: 3px;width: 19px;height: 19px;
			background: url("../images/album-list.png") no-repeat 0 0;
							background-position: -16px -58px;}
	
	.modal-album .bottle{position: absolute;width:100%;top:680px;overflow: hidden;height:100px;}
	.modal-album .bottle ul{margin: 0px;position: absolute;height:100px;padding:0px;display:flex;width:10000px;}

	.modal-album .bottle .l{display: block;position: absolute;
			left: 13px;top: 41px;width: 19px;height: 19px;
			background: url("../images/album-slider.png") no-repeat 0 0;
							background-position: -22px -205px;cursor: pointer;}
	.modal-album .bottle .r{display: block;position: absolute;
			left: 969px;top: 41px;width: 19px;height: 19px;
			background: url("../images/album-slider.png") no-repeat 0 0;
							background-position: 6px -205px;cursor: pointer;}
	.modal-album .bottle ul li{text-decoration: none;float: left;height:100px;margin: 0px 5px;
					position: relative;left:0px;transition: 0.5s;cursor: pointer;}
	.modal-album .bottle ul li:hover {opacity:1 !important;transition:0.5s;}
	
	.modal-album  #list_shot{height:100px;width:880px;position: absolute;left: 59px;overflow: hidden;}
        .modal-album .title {position: absolute;top: 596px;padding-left: 65px; padding-top: 10px; color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
        .modal-album i {font-style:normal;}
        #pic_title span {color:#fff !important;font-family:"Microsoft YaHei" !important;}
        #list_shot li img {min-height: 100px;}

        @media only screen and (max-width: 767px) {
           .modal-album {
              width: 100%;
           }
           .modal-album .base {
             width: 100vw;
             left: 0;
             margin-left: 0;
          }
          .modal-album .base_left {
             z-index: 1000;
          }
          .modal-album .content {
             height: 400px;
             width: 100vw;
             left: 0;
          }
          .modal-album .arrow_left {
             top: 35%;
          }
          .modal-album .arrow_right {
              top: 35%;
           }
          .modal-album .close {right:20px;top:20px;}
        }