/* tab-pane */
.tab-content>.tab-pane{ display: none; }
.tab-content>.tab-panel{ display: none; }
.tab-content>.active {display: block;}

/* table */
.table{
	width: 100%;
	font-size: 14px;
    margin-bottom: 20px;
    background-color: #fff;
}
.table th{background-color: #fcfcfc; white-space: nowrap;}
.table th,
.table td{padding: 10px 20px; vertical-align: middle; border-top: 1px solid #eee; }
.table > tbody > tr:nth-child(2n) td{ background-color: #fcfcfc; }
.table-bordered th,
.table-bordered td{border: 1px solid #ededed;}
.table-custom {border: 1px solid #eee;}
.table-custom th,
.table-custom td { padding: 15px 25px; border-top: 0 none; border-bottom: 1px solid #eee; text-align: center; color: #808080; }
.table-custom thead th{ border-bottom: 1px solid #e5e5e5; font-size: 14px; color: #666; font-weight: 700; }
.table-custom > tbody > tr:hover{ background-color: transparent; }
.table-condensed th,
.table-condensed td { padding: 5px 10px; }
.table-condensed th { font-size: 14px; }
.table-responsive{ width: 100%; min-height: .01%; overflow-x: auto; margin-bottom: 20px; }
.table-responsive .table{ margin-bottom: 0; }

/* detail-source */
.detail-source{float: right;width: 100%;background-color: #ffffff;padding: 0px 0px 8px 0px;}
.detail-source + .detail-source{ padding-top: 0; }

/* detail-tab */
.detail-tab{background-color: #ffffff;margin-bottom: 10px;}
.detail-tab > li{
	float: left;
	cursor: pointer;
	display: block;
	text-align: center;
	margin: 0 -1px -1px 0;
}
	.detail-tab > li > a{color: #555;display: block;padding: 5px 20px;}
	.detail-tab > li > a:hover{color: #266094;}
	.detail-tab > li.active{position: relative;}
	.detail-tab > li.active > a,
	.detail-tab > li.active > a:hover{
		font-weight: 700;
		color: #266094;
		background-color: #ffffff;
		border-bottom: 2px solid #266094;
	}

/* detail-tab-zt */
.detail-tab-zt{position: relative;}
.detail-tab-zt > li.zt{ float: right; border-color: transparent; background-color: transparent; }
.detail-tab-zt > li.zt > a{ padding-left: 0; padding-right: 0; }
.detail-tab-zt > li.zt > a:hover{ text-decoration: underline; }


/* detail-download */
.detail-download{	border-top: 1px solid #f5f5f5;}	
.detail-download .detail-content{ max-height: 400px; overflow-x: hidden; overflow-y: auto; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: 3px 0; }
.detail-download .table{ margin:0;}
.detail-download .table td{ border: 0 none; padding: 5px; white-space: nowrap; font-size: 0;}
.detail-download .table > tbody > tr:nth-child(2n) td{background-color: transparent;}
.detail-download .table .code{ width: 100%;}
.detail-download .table .btns{ width: 70px; }
.detail-download .table .btns .btn{ display: block; white-space: nowrap;}
.detail-download .table .title{ font-size: 14px; }
	
/* detail-play-list */
.detail-play-list{display: none;}
.detail-play-list li{float: left;min-width: 12.5%;padding: 3px;}
.detail-play-list li > a{
	display: block;
	line-height: 26px;
	text-align: center;
	border-radius: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #f5f5f5;
	color: #555555;
}
	.detail-play-list li > a.hover{ color: #F2F2F2; background-color: #1e507d; }
	.detail-play-list-dianshiju li{ min-width: 8.333333333333333%; }
    .detail-play-list-zongyi li{ width: auto; min-width: 14.28%; }
    .detail-play-list-zongyi li a{ padding: 0 13px; }

@media (min-width: 768px) and (max-width: 1024px) {
	.detail-play-list li{ width: 12.5%; }
	.detail-hot .thumbnail-group > li:nth-child(n+6){ display: none; }
	.detail-source{ width: 650px; }
}

@media (max-width: 767px) {
	.detail-source{float: none;width: 100%;padding: 0px 0px 15px 0px;clear: both;margin-bottom: 5px;border-bottom: 1px solid  #f5f5f5;}
	.detail-tab{ margin-bottom: 5px; white-space: nowrap; font-size: 0; overflow-x: auto; overflow-y: hidden;}
	.detail-tab > li{
		float: none;
		margin: 0;
		display: inline-block;
		vertical-align: bottom;
		font-size: 14px;
		border: 0 none;
		background-color: #ffffff;
	}
	.detail-tab > li > a{padding: 3px 12px;}
	.detail-tab > li.active > a,
	.detail-tab > li.active > a a:hover{border-bottom: 2px solid #266094;}	
	.detail-play-list li{min-width: 32.8%;padding-top: 4px;padding-left: 5px;padding-bottom: 0px;}	
	.detail-play-list li > a{line-height: 24px;font-size: 13px;}	
	.detail-hot .thumbnail-group > li:nth-child(n+7){ display: none; }
}

@media screen and (max-width: 320px){
	.detail-play-list li{ width: 25%; font-size: 12px; }
	.detail-play-list li > a{ line-height: 30px; }
}
.MacPlayer{height:660px !important;}@media (max-width: 768px) {.MacPlayer{height:200px !important;}}