@charset "utf-8";
/* CSS Document */



#disc {
    width:70%;
    margin:0 auto;
	padding: 40px 0 100px 0;
}
#disc h2{
    margin:10px auto;
    text-align:center;
    font-size:50px;
	
}
#disc p{
    margin:15px auto;
    line-height:30px;
    text-align:center;
	color: #444444
}

#disc span {
    margin: 15px auto;
    line-height: 40px;
    text-indent: 40px;
    letter-spacing: 1px;
    font-size: 20px;
    font-family: Arial;
    text-align: justify;
}

.div-link {
	font-size: 16px;
	color: #000;
	font: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	padding-top: 40px;
	padding-left: 0px;
	text-align:left;
	font-weight: bold;
}

.div-link a {
	text-decoration: none;
	color: #939ca7;
}

#gif{
    width:100%;
    text-align:center;
}



#videos{
    background-color:#262930;
    width:80%;
    /*margin:0 auto 150px auto;*/
}
 #videos video{
	 float:left;
  width:70%;
}
 #videos #videolist{
    float:right;
    width:26%;
	
	padding-right:10px;
	padding-left:5px;
}
 #videos #videolist h2{
    font-size:20px;
    color:white;   
    text-align:left;
	background:url(../imgs/视频隔断条.png) no-repeat 0 97px;
	padding:40px 0;
	height:20px;
	width:100%;
}
 #videos #videolist ul{
    list-style:none;
    color:white;
    width:100%;
    display:block;
	margin-top:18px;
	overflow-y:scroll;
	
}

#videos #videolist ul::-webkit-scrollbar {
    width: 6px;
}
#videos #videolist ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
#videos #videolist ul::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}

#videos #videolist ul li{
    height:65px;
    margin-bottom:14px;
	width:100%;
	/*background:url(../img/拉条6x60.png) no-repeat 405px 0;*/
}
#videos #videolist ul li .pic{
    width:116px;
    height:65px;
    float:left;
	margin-right:14px;
}
#videos #videolist ul li .pic img{
    width:100%;
    height:100%;
}
#videos #videolist ul li .disc{
    float:left;
    width:226px;
    height:65px;
    overflow: hidden;	
	text-overflow: ellipsis;
    word-wrap:break-word;
	/*padding-right:60px;*/
	color:#c4c4c4;
}
#videos ul#videoBtn li{
    cursor: pointer;
}
#videos #share{
    height:20px;
    margin:8px 0 0 35%;
    /*line-height:48px;*/
    border-left:1px solid lightgray;
    padding-left:20px;
    width:30px;
}
 #videos #share #share1{
    width:20px;
    height:18px;
    background:url(../imgs/爱心20x18.png) no-repeat center;
    float:left;
    display:inline-block;
    cursor:pointer;
}
#videos #share #share1:hover{
     background:url(../img/爱心-红20x18.png) no-repeat center;
}
#videos #share #share2{
    width:20px;
    height:20px;
    background:url(../imgs/分享.png) no-repeat center;
    display:inline-block;
    cursor:pointer;
    position:relative;
}
#videos #share #share2:hover{
    background:url(../imgs/分享-绿色.png) no-repeat center;
}
#videos #share #share2 #sharelist{
    position:absolute;
    left:-90px;
    top:21px;
    width:210px;
    display:none;
    padding-top:15px;   
	height:80px;
}
#videos #share #share2 #sharelist .triangle-up{
    position:absolute;
    top:7px;
    left:46%;
}
#videos #share #share2 #sharelist #box{
    width:210px;
    height:80px;
    border:1px solid lightgray;
    box-shadow: 5px 2px 6px lightgray;
    border-radius:5px;
	display:flex;
	justify-content:space-around;
	align-items:center;	
}
#videos #share #share2 #sharelist img{
	width:40px;
	height:40px;
}
#videos #share #num{
    color:white;
    display:inline-block;
    height:18px;
    line-height:18px;
    width:20px;
    text-align:center;
    margin-bottom:3px;
}


@media only screen and (max-width: 1065px){
	#videos video{
	  	width:100%;
	}
	#videos #videolist{
		width:50%;
	}
	#videos #videolist{
		background-color:#262930;
	}
	
}