@charset "utf-8";
.ds-video-js {word-break:normal;}
.ds-video-js-player {overflow:auto; color:#fff;}
.ds-video-js-player>div {width:100%; margin:0 auto;}
.ds-video-js-player>div>div:first-child{text-align:center; font-size:0; width:100%; height:0; padding-top:56.25%; position:relative;}
.ds-video-js-player>div>div iframe {position:absolute; width:100%; height:100%;top:0; left:0; }

.ds-video-js-player>div>div:last-child {padding:2em 2em 0.5em 2em; background:#333}
.ds-video-js-player-title {font-size:1.35em; line-height:1.5; word-break:break-word; word-wrap:break-word;}
.ds-video-js-player-title span{font-size:0.65em; margin-left:0.5em; letter-spacing:0;}
.ds-video-js-player-desc {margin:1em 0; font-size:0.8em; white-space:pre-wrap; line-height:1.5; max-height:10em; overflow:auto; padding-bottom:1em;}

.ds-video-js-list {margin:2em 0 0 0;}
.ds-video-js-head-title {font-size:1.3em;}
.ds-video-js-list ul {padding:0; margin:0; list-style:none; display:flex; flex-wrap:wrap; justify-content:space-between}
.ds-video-js-list li {flex:0 1 24%; cursor:pointer; transition:all 0.5s; margin:2em 0 0 0;}
.ds-video-js-item-active {background:#eeeeee;}
.ds-video-js-item:hover {background:#eaeaea;}
.ds-video-js-item-thumb {position:relative;}
.ds-video-js-item-thumb img {max-width:100%; display:block;}
.ds-video-js-item-tm {position:absolute; right:0; bottom:0; background:rgba(0,0,0,0.7); color:#fff; display:block; padding:0.2em 0.5em; line-height:1; font-size:0.9em;}
.ds-video-js-item-title {font-size:0.9em; padding:0.5em;}
.ds-video-js-item-title+span,
.ds-video-js-item-info,
.ds-video-js-item-desc {display:none; visibility:hidden; font-size:0; height:0;}

.ds-video-js-page {text-align:center; margin:2em 0;}
.ds-video-js-page span {cursor:pointer; font-family:xeicon; display:inline-block; vertical-align:middle; line-height:1; font-size:1.1em; transition:all 0.2s;}
.ds-video-js-page span:hover {color:rgba(229,88,103,1); }
.ds-video-js-page span:after,
.ds-video-js-page span:before {font-size:1.2em; display:inline-block; vertical-align:middle}
.ds-video-js-page span:nth-of-type(1):before {content:"\e720"; margin-right:0.5em;}
.ds-video-js-page span:nth-of-type(2):after {content:"\e71f"; margin-left:0.5em;}
.ds-video-js-page span~span {margin-left:3em;}
@media all and (max-width:767px) {
	.ds-video-js {line-height:1.2;}
	.ds-video-js-player>div>div:last-child {padding:0.5em 0.5em 0 0.5em;}
	.ds-video-js-player-title {font-size:1.05em; line-height:1.4;}
	.ds-video-js-player-title span{font-size:0.75em;}
	.ds-video-js-player-desc {font-size:0.8em; max-height:8em;}
	.ds-video-js-list {font-size:0.9em;}
	.ds-video-js-list li {flex:0 1 49%; margin-top:0.5em;}
	.ds-video-js-page span~span {margin-left:1em;}
}

.ds-video-oldie {font-size:0.9em; text-align:center; margin-bottom:2em;}
.ds-video-oldie >ul{display:inline-block; text-align:left; margin:0;}
.ds-video-oldie >ul li~li {margin-top:0.5em;}