@charset "utf-8";
/* all */


/* header */
.stui-header__top{position:fixed;top:0;z-index:999;width:100%;min-height:80px}
.top-fixed-down{margin-top:-80px}
.stui-header__side{float:right}

/* header-logo */
.stui-header__logo,.stui-header__menu{float:left}
.stui-header__logo{margin-top:15px}

        
/* header-menu */
.stui-header__menu{position:relative;margin-left:10px}
.stui-header__menu li{float:left;margin-top:30px;margin-right:10px}

/* header-seacrh */
.stui-header__search{float:left;position:relative;margin-top:25px;width:200px}

.stui-header__search .submit .icon{font-size:14px;color:#999}

/* header-user */
.stui-header__user{float:right}
.stui-header__user li{float:left;margin-top:30px;margin-left:20px}

.stui-header__user li a .icon{font-size:18px}

/* content */
.stui-content__detail,.stui-content__thumb{display:table-cell;vertical-align:top}
.stui-content__thumb .v-thumb{width:190px}
.stui-content__thumb .w-thumb{width:300px}
.stui-content__detail{width:100%;padding:0px 20px;}
.stui-content__detail .title{font-size: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #63696d;margin-bottom: 20px;}
.stui-content__detail .data{margin-bottom:10px}
.data a{margin-right: 1px;}
.stui-content__detail .data li{float:left;margin-right:20px}
.stui-content__detail .desc{margin-bottom:10px}
.stui-content__detail .play-btn{margin-top:5px}
.stui-content__detail .play-btn .shere{margin-top:5px}
.sub-title {font-size: 13px;color: #999;margin-left: 10px;}
/* player */
.stui-player__detail{ margin-top: 20px;}
.stui-player__detail .title{margin:0 0 10px}
.stui-player__detail .detail-content{padding-top:10px}

/* screen */
.stui-screen__list{position:relative;padding:10px 0 5px}
.stui-screen__list li{float:left;margin-right:10px;margin-bottom:10px}


.stui-screen__list.letter-list li a{padding:3px 5px}
.stui-screen__list.letter-list li.active a{padding:3px 10px}
/* page */



/* extra */
.stui-extra{position:fixed;right:50px;bottom:50px}
.stui-extra li{position:relative;padding:15px 10px 0}

.stui-extra li a img{margin-top:15px;width:20px;height:20px}
.stui-extra li .sideslip{display:none;position:absolute;bottom:0;right:100%}
.stui-extra li .sideslip:before{content:" ";width:10px;height:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);border-width:0 1px 1px 0;position:absolute;bottom:20px;right:-6px;border-style:solid}


/*---------------------------------新增和修改样式----------------------------------*/
/*.stui-vodlist__bd li{margin-left: 15px;}*/
/*xiaoxi*/
.ts{float: left;color: #FF0000;padding-top: 10px;padding-left: 60px;font-size: 20px;font-weight: bold;background: url(/public/static/lc/icon/icon_33.png) no-repeat;height: 35px;}
/*gundong*/
.gun{float: right; width: 87.5%; height: 35px; padding-top: 5px; font-size: 20px; font-weight: bold;}
.gun marquee{width: 100%;color: red;font-size: 20px;padding-top: 5px;padding-bottom: 5px;}

.hezuo a img{height: 70px;border-radius: 7px;}
.stui-header__user li{border: 1px solid #ffb400;border-radius: 4px;background-color: #F5F5F5;}

.stui-header__user li{float:left;margin-top:25px;margin-left:20px}
.bofangyuanlist a:hover,.bofangyuanlist.active a{border: 1px solid #2fb3ff;background-color: #FF9900;color: #FFFFFF;}
.data a:hover{background-color: #FF9900;color: #FFFFFF;}
/*.data a{margin-right: 5px;}*/
.player_switch a{margin-left: ;margin-bottom: 5px;}
.stui-content__playlist.column10 li{ width:; padding: 0 5px; margin-right: 0;}

/*.ji-tab-content{margin-right: -15px;margin-left: -15px;}*/
/*.player_switch a{width: 56px;}*/
#videobox{height: 540px;overflow:hidden; margin:0 auto; background-color:black;}
/*-----------------------------------结束------------------------------------*/

@media (min-width:768px){
	.container{width:750px}
}
@media (min-width:992px){
	.container{width:920px}
}
@media (min-width:1200px){
	.container{width:1170px}
}
@media only screen and (max-width: 600px) {
    #videobox {height: 300px;}
}
@media (max-width:1024px){
	
	/* all */
	body{padding-top:0px}

    /* header */
	.top-fixed-down{margin-top:-100px}
	.stui-header__side{float:none;position:absolute;top:0;left:150px;right:0;width:auto}
	.stui-header__logo,.stui-header__menu{float:none}
	.stui-header__logo{margin:10px 0 10px}
	.stui-header__logo .logo{width:127px;height:30px;background:url(../images/logo_min.png) no-repeat;background-position:50% 50%;background-size:cover}
	.stui-header__search{float:right;margin-top:10px}
	.stui-header__menu{margin:0;padding:0;height:40px;line-height:40px}
	.stui-header__menu:before{content:" ";position:absolute;left:0;top:0;right:0;width:100%;height:1px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}
	.stui-header__menu li{margin-top:0;margin-right:20px}
	.stui-header__menu li a{padding:0;font-size:14px;white-space:nowrap}
	.stui-header__menu li.active a{position:relative}
	.stui-header__menu li.active a:before{content:" ";position:absolute;left:50%;bottom:-35%;width:20px;margin-left:-10px;height:2px;border-radius:2px}
	.stui-header__user li{margin-top:15px}
	.stui-header__user li a{width:22px;height:22px;background: url(../images/home.png) no-repeat;}
}
.eb-subhead-hot-icon {
    position: relative;
    bottom:;
    left: 40px;

    width: 23px;
    height: 12px;
    background: url(../images/new.png) no-repeat;
	background-position: -24px 0;
}
@media (max-width:767px){
	
	/* all */	   
	
	/* header */ 
	.stui-header__logo{margin-left:10px}
	.stui-header__search{position:absolute;top:0;left:0;right:50px;width:auto}
	.stui-header__menu{padding-left:10px}
	.stui-header__user{padding-right:15px}
	
	/* content */
	.stui-content__thumb .v-thumb{width:115px}
	.stui-content__thumb .w-thumb{width:160px}
	.stui-content__detail{padding:0 10px}
	.stui-content__detail .title{font-size:16px;}
	.stui-content__detail .data{margin:0 0 10px;font-size:12px}
	.stui-content__detail .play-btn{margin:0;padding:0}
	.stui-content__playlist li a{padding:5px 10px;font-size:12px}
	
	/* player */
	.stui-player__detail{ margin-top: 10px;}
	.stui-player__detail .data .title{font-size:16px}
	
	/* screen */
	.stui-screen__list{padding:5px 0 5px;overflow:hidden}
	.stui-screen__list li{margin-right:15px;margin-bottom:0}

	.stui-screen__list li a{padding:2px 0 2px;background:0 0;white-space:nowrap}
	.stui-screen__list.letter-list li a,.stui-screen__list.letter-list li.active a{padding:2px 0 2px}
	
	/* type */
	.stui-mobile__type li{padding:0 20px}

	
	/* page */
	.stui-page li{float:center;width:20%;margin:0;padding:0 5px 0 5px}

	
	/* extra */
	.stui-extra{right:15px;bottom:15px}
	.stui-extra li{padding:8px 0 0}

	.stui-extra li a img{margin-top:8px;width:18px;height:18px}
	
	/* foot */
	.stui-foot{padding:20px 0}
}