#bg_popup{
position: fixed;
z-index: 99999;
background: rgba(0, 0, 0, 0.8);
top: 0;
right: 0;
bottom: 0;
left: 0;
    }
   
#popup {
    background: #fff;
    width: 600px;
    height: 400px;
    border-radius: 5px;
    margin: auto;
    padding: 2px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    }
.slider {
			z-index: 9;
			
			overflow: hidden;
			position: relative;
     border-radius: 5px;
		}
.slider ul,
.slider li {
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
.slider ul {
			width: 9999px; 
		}
		.slider ul li {
			list-style-type: none;
            float: left;
            width: 600px;
            height: 395px;
		}
		.slider .nav {
			    position: absolute;
                left: 15px;
                top: 15px;
		}
		.slider .nav span {
			opacity: 0.9;
            background: rgba(255, 255, 255, 0.3);
            margin: 0 8px 0 0;
            width: 5px;
            height: 5px;
            border-radius: 8px;
            cursor: pointer;
            overflow: hidden;
            display: block;
            float: left;
		}
		.slider .nav span.on {
			background: white;
		}
.close{
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border: 2px solid white;
    color: white;
    cursor: pointer;
    text-decoration: none!important;
    line-height: 15px;
    z-index: 1100;
    text-align: center;
    border-radius: 50px;
    text-decoration: none;
    background: indianred;
    font-family: arial;
    font-size: 13px;
    }
     .imgs{
       height: 400px;
    width: 100%;
     }
     .text-sli{
    position: absolute;
    color: whitesmoke;
    background: linear-gradient(to left,rgba(0, 0, 0, 0.75)70%,rgba(0, 0, 0, 0));
    word-break: break-word;
    padding: 5px 10px 5px 50px;
    top: 0px;
    margin: auto;
    width: 420px;
    line-height: 20px;
    height: 100%;
    margin-left: 180px;
     }

     .text-slii{
    position: absolute;
    color: white;
    background: linear-gradient(to left,rgba(0, 0, 0, 0.25)70%,rgba(0, 0, 0, 0));
    word-break: break-word;
    padding: 5px 10px 5px 50px;
    top: 0px;
    margin: auto;
    width: 455px;
    line-height: 21px;
    height: 100%;
    margin-left: 140px;
     }

@media screen and (max-width: 480px) {
    #bg_popup{
        display: none;
    }
    
    #popup{
        display: none;
    }
}