@charset "UTF-8";
[class^="icon-"] {
display:inline-block;
vertical-align:sub;
overflow:hidden;
*display:inline;
*zoom:1
}
.icon-prev {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: 0 0;
	width: 30px;
	height: 60px
}
a:hover .icon-prev {
	background-position: -70px 0
}
.icon-next {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -35px 0;
	width: 30px;
	height: 60px
}
a:hover .icon-next {
	background-position: -105px 0
}
.icon-prev-blue {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -140px 0;
	width: 30px;
	height: 60px
}
a:hover .icon-prev-blue {
	background-position: -210px 0
}
.icon-next-blue {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -175px 0;
	width: 30px;
	height: 60px
}
a:hover .icon-next-blue {
	background-position: -245px 0
}
.icon-go-top {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: 0 -65px;
	width: 18px;
	height: 18px
}
a:hover .icon-go-top {
	background-position: -23px -65px
}
.icon-upload {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -418px -112px;
	width: 18px;
	height: 18px
}
a:hover .icon-upload {
	background-position: -395px -112px
}
.side-nav-item .icon-upload {
	background-position: -395px -112px;
	margin-right: 5px;
	vertical-align: top
}
.icon-feedback {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -45px -65px;
	width: 18px;
	height: 18px
}
a:hover .icon-feedback {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -68px -65px;
	width: 18px;
	height: 18px
}
.icon-game {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -91px -65px;
	width: 22px;
	height: 18px
}
.icon-comment-num {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -263px -88px;
	width: 12px;
	height: 12px
}
a:hover .icon-game, .current .icon-game {
	background-position: -118px -65px
}
.icon-set-up {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -145px -65px;
	width: 16px;
	height: 16px
}
a:hover .icon-set-up {
	background-position: -166px -65px
}
.icon-refresh {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -187px -65px;
	width: 20px;
	height: 16px;
	margin-right: 5px
}
a:hover .icon-refresh {
	background-position: -212px -65px
}
.icon-hot {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -236px -65px;
	width: 18px;
	height: 18px
}
a:hover .icon-hot, .current .icon-hot {
	background-position: -259px -65px
}
.icon-praise {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -283px -65px;
	width: 18px;
	height: 18px
}
a:hover .icon-praise, .current .icon-praise {
	background-position: -306px -65px
}
.icon-avoid {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -329px -65px;
	width: 18px;
	height: 18px
}
.icon-pc {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -352px -65px;
	width: 18px;
	height: 18px
}
a:hover .icon-pc, .current .icon-pc {
	background-position: -374px -65px
}
.icon-phone {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -396px -65px;
	width: 14px;
	height: 18px
}
a:hover .icon-phone, .current .icon-phone {
	background-position: -414px -65px
}
.icon-person {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -433px -65px;
	width: 18px;
	height: 18px
}
a:hover .icon-person, .current .icon-person {
	background-position: -455px -65px
}
.icon-collection {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: 0 -88px;
	width: 20px;
	height: 18px
}
a:hover .icon-collection, .current .icon-collection {
	background-position: -111px -88px
}
.icon-download {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -25px -88px;
	width: 18px;
	height: 18px
}
a:hover .icon-download, .current .icon-download {
	background-position: -136px -88px
}
.icon-on-phone {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -48px -88px;
	width: 14px;
	height: 18px
}
a:hover .icon-on-phone, .current .icon-on-phone {
	background-position: -159px -88px
}
.icon-comment {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -66px -88px;
	width: 19px;
	height: 18px
}
a:hover .icon-comment, .current .icon-comment {
	background-position: -178px -88px
}
.icon-play {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -88px -88px;
	width: 18px;
	height: 15px
}
a:hover .icon-play, .current .icon-play {
	background-position: -200px -88px
}
.icon-weixin {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: 0 -112px;
	width: 24px;
	height: 24px
}
a:hover .icon-weixin, .current .icon-weixin {
	background-position: -116px -112px
}
.icon-xinlang {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -29px -112px;
	width: 24px;
	height: 24px
}
a:hover .icon-xinlang, .current .icon-xinlang {
	background-position: -145px -112px
}
.icon-qq {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -58px -112px;
	width: 24px;
	height: 24px
}
a:hover .icon-qq, .current .icon-qq {
	background-position: -174px -112px
}
.icon-qqwb {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -291px -112px;
	width: 24px;
	height: 24px
}
a:hover .icon-qqwb, .current .icon-qqwb {
	background-position: -320px -112px
}
.icon-qzone {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -87px -112px;
	width: 24px;
	height: 24px
}
a:hover .icon-qzone, .current .icon-qzone {
	background-position: -203px -112px
}
.icon-tieba {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -232px -112px;
	width: 24px;
	height: 24px
}
a:hover .icon-tieba, .current .icon-tieba {
	background-position: -262px -112px
}
.icon-yixin-b {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: 0 -141px;
	width: 40px;
	height: 40px
}
.icon-weixin-b {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -45px -141px;
	width: 40px;
	height: 40px
}
.icon-penyouquan-b {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -90px -141px;
	width: 40px;
	height: 40px
}
.icon-xinlang-b {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -135px -141px;
	width: 40px;
	height: 40px
}
.icon-qq-b {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -395px -141px;
	width: 40px;
	height: 40px
}
.icon-qqwb-b {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -180px -141px;
	width: 40px;
	height: 40px
}
.icon-qzone-b {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -224px -141px;
	width: 40px;
	height: 40px
}
.icon-tieba-b {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -268px -141px;
	width: 40px;
	height: 40px
}
.icon-renren-b {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -313px -141px;
	width: 40px;
	height: 40px
}
.icon-error-b {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -258px -141px;
	width: 32px;
	height: 32px
}
.icon-view {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -280px 0;
	width: 48px;
	height: 50px
}
.icon-visitor {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -223px -88px;
	width: 12px;
	height: 12px
}
.icon-live-visitor {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -360px -88px;
	width: 16px;
	height: 12px
}
.icon-emotion {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -240px -88px;
	width: 18px;
	height: 18px
}
.icon-right {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -280px -88px;
	width: 5px;
	height: 9px
}
.icon-left {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -288px -88px;
	width: 5px;
	height: 9px
}
.icon-up {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -298px -88px;
	width: 9px;
	height: 5px
}
.icon-down {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -298px -96px;
	width: 9px;
	height: 5px
}
.icon-online {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -312px -88px;
	width: 12px;
	height: 12px
}
.font-light {
	color: #27ace5
}
.mr10 {
	margin-right: 10px
}
.mr5 {
	margin-right: 5px
}
.name {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
body {
	font-size: 14px;
	font-family: 'Microsoft YaHei';
	color: #666;
	background-color: #f6f6f6
}
#header {
	font-size: 12px
}
a {
	color: #666;
	text-decoration: none
}
a:hover, a:active {
	color: #27ace5
}
.fr {
	float: right
}
.font-grey {
	color: #999
}
.hidden {
	display: none
}
.main {
	width: 1200px;
	margin: 0 auto
}
.view-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	background-image: url("../../images/play-icon-big.5ca0606402da.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: rgba(0,0,0,0.5);
	background-color: #0009;
	filter: alpha(opacity=50)
}
.side-nav-item .game-cat-item a {
	font-size: 12px
}
.game-item {
	float: left;
	position: relative;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 204px
}
.game-item:hover {
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5)
}
.game-item.big-item {
	width: 428px
}
.game-item-poster {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 110px;
	background-color: #000
}
.game-item-poster .vd-icon {
	position: absolute;
	top: 5px;
	right: 4px
}
.big-item .game-item-poster {
	height: 300px;
	text-align: center
}
.game-item-poster img {
	width: 100%;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	position: relative
}
.game-item.big-item .game-item-poster img {
	width: auto;
	min-width: 100%;
	height: 100%
}
.game-item-name {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 5px;
	background-color: #27ace5;
	color: #fff;
	line-height: 20px
}
.game-duration {
	position: absolute;
	bottom: 4px;
	right: 4px;
	padding: 0 2px;
	background-color: rgba(0,0,0,0.5);
	background-color: #0009;
	filter: alpha(opacity=50);
	color: #fff;
	line-height: 18px;
	font-size: 12px
}
.game-item .label {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 4px;
	background-color: #27ace5;
	line-height: 20px;
	color: #fff
}
.game-item-info {
	padding: 0 10px 8px;
	height: 52px;
	background-color: #fff;
	position: relative
}
.game-item-info>p {
	line-height: 28px;
	overflow: hidden;
	font-size: 12px;
	position: relative
}
.game-item-portrait {
	margin-right: 4px;
	width: 24px;
	height: 24px;
	border-radius: 50%
}
.game-item-nick {
	display: inline-block;
	width: 45%;
	color: #999;
	font-size: 12px
}
.game-item-visitor {
	text-align: right;
	color: #999;
	white-space: nowrap;
	position: absolute;
	top: 0;
	right: 0
}
.game-item-info .icon-visitor {
	vertical-align: top;
	margin-top: 8px
}
.game-item-info .icon-live-visitor {
	vertical-align: top;
	margin-top: 8px
}
.game-item-info .icon-comment-num {
	vertical-align: top;
	margin-top: 9px;
	margin-right: 2px
}
.game-item:hover .view-cover {
	display: block
}
.left-main {
	width: 885px;
	float: left
}
.right-main {
	width: 315px;
	float: right
}
.block-title {
	border-left: 3px solid #27ace5;
	padding: 0 10px 0 17px;
	font-size: 16px;
	color: #27ace5;
	line-height: 16px;
	position: relative
}
.block-title .title-txt {
	color: #27ace5
}
.more {
	float: right;
	color: #999;
	font-size: 14px
}
a.more:hover {
	color: #27ace5
}
.block-sub-nav {
	margin-left: 10px;
	vertical-align: top;
	display: inline-block;
	height: 25px;
	overflow: hidden
}
.sub-nav-item {
	margin: 0 5px;
	padding: 0 10px;
	border: 1px solid #e2e2e2;
	border-radius: 12px;
	background-color: #fff;
	line-height: 22px;
	font-size: 12px;
	color: #666;
	float: left;
	margin-bottom: 5px
}
.sub-nav-item a {
	display: inline-block;
	width: 100%;
	height: 100%
}
.sub-nav-item:hover {
	border-color: #27ace5
}
.sub-nav-item a:hover {
	color: #27ace5
}
.sub-nav-item.current {
	border-color: #27ace5;
	cursor: default
}
.sub-nav-item.current a {
	color: #27ace5;
	cursor: default
}
.lives-block {
	margin-top: 20px
}
.lives-block .left-main {
	width: 876px
}
.lives-block .right-main {
	width: 294px
}
.lives-block .block-title {
	line-height: 25px;
	font-size: 25px;
	padding: 0 0 0 10px
}
.lives-block .block-title .title-txt {
	margin-top: -1px
}
.lives-block .block-title .left-main {
	width: 856px
}
.lives-block .block-title .right-main {
	width: 274px
}
.lives-list {
	margin: 20px -20px 0 0
}
.tab-nav-list {
	margin-top: 20px
}
.tab-nav-item {
	width: 147px;
	line-height: 26px;
	float: left;
	text-align: center;
	background-color: #e2e2e2;
	font-size: 12px;
	border-top: 2px solid #e2e2e2
}
.tab-nav-item.current {
	background-color: #fff;
	color: #27ace5;
	border-color: #27ace5
}
.col-3 .tab-nav-item {
	width: 98px
}
.tab-nav-item a {
	display: block
}
.tab-nav-item.current a {
	color: #27ace5;
	cursor: default;
	display: block
}
.top-billboard-wrap {
	padding: 20px 10px 17px;
	background-color: #fff;
	height: 676px;
	overflow: hidden;
	margin-bottom: 20px
}
.billboard-item {
	font-size: 12px;
	height: 67px;
	margin-bottom: 20px
}
.billboard-item:nth-child(even) {
	background-color: #f3f3f3
}
.billboard-item .poster-wrap {
	width: 119px;
	height: 67px;
	position: relative;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	z-index: 9
}
.billboard-item .fl.link-img-wrap {
	width: 119px;
	height: 67px;
	position: relative;
	float: left;
	margin-right: 10px;
	z-index: 9
}
.billboard-item .link-img-wrap a.cover {
	z-index: 9
}
.billboard-item .rank-num {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	background-color: #999;
	padding: 0 4px;
	line-height: 15px;
	font-size: 12px
}
.billboard-item .rank-num.top3 {
	background-color: #ff3161
}
.billboard-item .item-poster {
	width: 100%
}
.billboard-item .item-title {
	line-height: 20px;
	height: 40px;
	word-break: break-all
}
.billboard-item .item-title a {
	color: #333
}
.billboard-item .item-title a:hover {
	color: #27ace5
}
.billboard-item .game-item-info {
	padding: 0;
	height: 24px;
	background-color: transparent
}
.billboard-item .game-item-info>p {
	line-height: 24px
}
.billboard-item .game-item-info .icon-visitor {
	margin-top: 6px
}
.billboard-item .game-item-nick {
	width: 78%
}
.footer-block {
	background-color: #1d1d1d;
	margin-top: 40px
}
.footer-block .column-block {
	padding: 20px 0 30px;
	border-bottom: 1px solid #242424
}
.footer-block .column-block-item {
	float: left;
	width: 284px;
	border-right: 1px solid #242424;
	line-height: 30px;
	margin-right: 20px
}
.footer-block .column-block-item.last {
	margin: 0;
	border-right-width: 0
}
.footer-block .column-title {
	color: #fff
}
.footer-block .link-item {
	font-size: 12px;
	width: 89px;
	float: left;
	margin-right: 5px
}
.footer-block .frendship-link-block {
	padding: 30px 0;
	border-bottom: 1px solid #242424
}
.footer-block .frendship-links {
	width: auto;
	margin-right: 10px;
	padding-right: 10px
}
.footer-block .frendship-links .link-item {
	width: auto;
	padding: 9px 0;
	line-height: 12px;
	margin: 0
}
.footer-block .frendship-links .link-item a {
	padding: 0 10px;
	border-right: 1px solid #323232;
	border-left: 1px solid #232323
}
.footer-block .frendship-links .link-item.first a {
	padding: 0 10px 0 0
}
.banner-container {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden
}
.banner-wrapper {
	position: relative;
	height: 100%
}
.banner-slider {
	position: relative;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	text-align: center
}
.banner-slider.current {
	display: block
}
.banner-slider img {
	height: 100%;
	width: 100%
}
.banner-bullets {
	position: absolute;
	bottom: 5px;
	width: 100%;
	text-align: right;
	z-index: 9
}
.banner-bullet {
	display: inline-block;
	margin: 0 5px;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background-color: #fff;
	cursor: pointer
}
.banner-bullet.current {
	background-color: #27ace5
}
.data-none {
	text-align: center;
	padding: 100px 0
}
.with-bg {
	background-color: #f6f6f6;
	border-top: 1px solid #f6f6f6
}
.link-img-wrap {
	position: relative
}
.link-img-wrap a.cover {
	display: block;
	width: 100%;
	height: 100%;
	position: relative
}
.link-img-wrap a.cover:hover {
	outline: 3px solid #52bae7;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.5)
}
.game-cat .side-nav-title {
	color: #999
}
.img-ad-ul {
	margin-right: -20px
}
.img-ad-item {
	margin: 0 20px 20px 0;
	float: left;
	width: 296px;
	height: 106px
}
.img-ad-item.small {
	width: 137px;
	background-size: 90% auto
}
.img-ad-item img {
	width: 100%;
	height: 100%
}
.blank-block {
	text-align: center
}
.blank-block:hover {
	box-shadow: none !important
}
.blank-img {
	background-image: url("../../images/default-bg.2ca9647ce51c.png");
	background-color: #e0e0e0;
	background-position: 50% 50%;
	background-repeat: no-repeat
}
.game-item .blank-txt {
	line-height: 52px
}
.side-nav-item:hover, .side-nav-item.current {
	background-color: #1a1a1a
}
.side-nav-item .lv-1-nav:hover, .side-nav-item .lv-1-nav.current {
	background: 0;
	color: #27ace5
}
.side-nav-item .game-cat-item.current {
	background-color: #27ace5
}
.side-nav-item .game-cat-item.current a {
	color: #fff
}
.right-tool-container {
	position: fixed;
	right: 50px;
	bottom: 150px;
	width: 60px;
	height: 241px;
	z-index: 999;
	font-size: 12px
}
.right-tool-list {
	position: relative;
	padding-top: 61px;
	border-bottom: 1px solid #e2e2e2
}
.right-tool-item.scroll-top {
	position: absolute;
	top: 0;
	left: 0
}
.right-tool {
	display: block;
	width: 60px;
	height: 50px;
	padding-top: 10px;
	background-color: #fff;
	text-align: center;
	border: 1px solid #e2e2e2;
	border-width: 1px 1px 0
}
.right-tool:hover {
	background-color: #27ace5;
	color: #fff;
	border-color: #3ab2e5
}
.right-tool .area {
	display: none;
	position: absolute;
	left: -208px;
	bottom: 0;
	padding: 11px 10px 0;
	width: 188px;
	height: 230px;
	background-color: #27ace5;
	text-align: center;
	line-height: 42px;
	color: #fff;
	cursor: default
}
.right-tool:hover .icon-phone {
	background-position: -478px -65px
}
.right-tool .icon-weixin-tool {
	background-image: url("../../images/icons.261aa38b3564.png");
	background-position: -380px -89px;
	width: 18px;
	height: 15px
}
.right-tool:hover .icon-weixin-tool {
	background-position: -403px -89px
}
.right-tool:hover .area {
	display: block
}
.right-tool .area img {
	display: block;
	width: 100%;
	height: auto
}
.vd-main {
	display: block;
	width: 100%;
	background-color: #f6f6f6;
	background-position: top center;
	background-repeat: no-repeat
}
.vd-container {
	position: relative;
	width: 1200px;
	margin-top: 230px;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.vd-container:before, .vd-container:after {
	content: " ";
	display: table
}
.vd-container:after {
	clear: both
}
.vd-container span {
	display: inline
}
.vd-menu {
	position: absolute;
	visibility: hidden;
	top: 70%;
	padding-top: 8px;
	width: 100%;
	font-size: 12px;
	opacity: 0;
	z-index: 10;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out
}
.vd-menu>i {
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 50%;
	width: 11px;
	height: 6px;
	margin-left: -3px;
	background: url("../../images/common/base_sprite.131b6beb3b9e.png") 0 0 no-repeat;
	background-position: -230px -79px
}
.vd-menu>ul {
	padding-top: 2px;
	background: #27ace5;
	opacity: .95;
	filter: alpha(opacity=95)
}
.vd-menu>ul>li {
	line-height: 28px;
	background: #259ccf;
	border-bottom: 1px solid #58b4db
}
.vd-menu>ul>li:hover {
	background: #55b3da
}
.vd-left {
	display: block;
	float: left;
	width: 920px;
	margin-left: 40px
}
.vd-left .biaoti {
	display: block;
	width: 880px;
	border-bottom:1px solid #09F;
}
.vd-left .biaoti a{
	color:#09F;
	font-size:16px;
	margin-left:800px;
}
.vd-left .biaoti a:hover{
	color:#03C;
	
}

.vd-btitle {
	margin-top: 30px;
	padding-left: 9px;
	border-left: 3px solid #ff3161
}
.vd-btitle:before, .vd-btitle:after {
	content: " ";
	display: table
}
.vd-btitle:after {
	clear: both
}
.vd-btitle>* {
	display: block;
	float: left
}
.vd-btitle h3, .vd-btitle h4 {
	font-size: 24px;
	color: #ff3161;
	line-height: 1
}
.vd-btitle h4 {
	font-size: 16px
}
.vd-btitle a {
	color: #666;
	font-size: 14px;
	line-height: 24px
}
.vd-btitle p {
	line-height: 24px
}
.vd-btitle.blue {
	border-color: #27ace5
}
.vd-btitle.blue h3, .vd-btitle.blue h4 {
	color: #27ace5
}
.vd-btitle .right {
	float: right
}
.vd-btitle .text {
	color: #666;
	font-size: 14px;
	margin: 5px 20px 0
}
.vd-icon {
	display: inline-block;
	position: relative;
	width: 13px;
	height: 12px;
	margin-right: 2px;
	vertical-align: middle;
	background: url("../../images/common/base_sprite.131b6beb3b9e.png") 0 0 no-repeat;
	background-position: -230px -50px
}
.vd-icon.favor {
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -230px -65px
}
.vd-icon.pnum {
	width: 15px;
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -230px -36px
}
.vd-icon.switch {
	width: 20px;
	height: 16px;
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -230px -17px
}
.vd-icon.down {
	top: -1px;
	width: 9px;
	height: 5px;
	margin: 0;
	background: url("../../images/common/base_sprite.131b6beb3b9e.png") 0 0 no-repeat;
	background-position: -245px -50px
}
.vd-icon.vr {
	width: 24px;
	height: 14px;
	background: url("../../images/common/base_sprite.131b6beb3b9e.png") 0 0 no-repeat;
	background-position: -230px -0
}
.vd-icon.vr-l {
	width: 34px;
	height: 18px;
	background: url("../../images/common/base_sprite.131b6beb3b9e.png") 0 0 no-repeat;
	background-position: -169px -113px
}
.vd-switch .switch {
	-webkit-transition: transform .2s ease;
	-o-transition: transform .2s ease;
	transition: transform .2s ease
}
.vd-switch:hover .switch {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-ms-transform: rotate(0)
}
.vd-lives {
	display: block;
	margin-right: -20px;
	list-style: none
}
.vd-lives:before, .vd-lives:after {
	content: " ";
	display: table
}
.vd-lives:after {
	clear: both
}
.vd-lives>li {
	display: block;
	float: left
}
.vd-lives>li {
	width: 204px;
	background: #fff;
	margin: 20px 20px 0 0
}
.vd-lives>li:hover {
	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.15);
	-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.15);
	box-shadow: 2px 2px 8px rgba(0,0,0,0.15)
}
.vd-lives>li:hover .title {
	color: #27ace5
}
.vd-lives>li:hover .play {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100)
}
.vd-lives>li:hover .dimmer {
	opacity: .3;
	filter: alpha(opacity=30)
}
.vd-lives>li.blank .info:after {
	display: block;
	text-align: center;
	content: "暂无视频";
	font-size: 14px;
	margin-top: 13px
}
.vd-lives>li.blank .info>* {
	display: none
}
.vd-lives>li.blank .cover {
	background: url("../../images/common/base_sprite.131b6beb3b9e.png") 0 0 no-repeat;
	background-position: -0 -0
}
.vd-lives>li.blank .cover>* {
	display: none
}
.vd-lives>li.hide {
	display: none
}
.vd-lives .empty {
	width: 100%;
	color: #999;
	font-size: 16px;
	margin-top: 20px;
	height: 170px;
	text-align: center;
	background: transparent
}
.vd-lives .empty>i {
	display: inline-block;
	width: 115px;
	height: 128px;
	margin-bottom: 10px;
	background: url("../../images/common/base_sprite.131b6beb3b9e.png") 0 0 no-repeat;
	background-position: -0 -113px
}
.vd-lives .empty:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.vd-lives.size-2 {
	min-height: 380px
}
.vd-lives.size-2 .empty {
	margin-top: 100px
}
.vd-lives .cover {
	position: relative;
	width: 100%;
	height: 110px;
	overflow: hidden;
	background: #e0e0e0
}
.vd-lives .cover>img {
	width: 100%
}
.vd-lives .cover>span {
	display: block;
	position: absolute;
	bottom: 4px;
	right: 4px;
	color: #fff;
	padding: 3px 4px;
	background: #333;
	opacity: .9;
	filter: alpha(opacity=90)
}
.vd-lives .play {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -24px;
	width: 48px;
	height: 50px;
	background: url("http://res.cc.netease.com/webcc/vod/static/images/common/base_sprite.131b6beb3b9e.png") 0 0 no-repeat;
	background-position: -118px -113px;
	-webkit-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	opacity: 0;
	filter: alpha(opacity=0)
}
.vd-lives .dimmer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}
.vd-lives .info {
	color: #999;
	height: 60px;
	padding: 4.5px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.vd-lives .info>a {
	display: block
}
.vd-lives .info .player {
	float: right;
	margin-top: 10px
}
.vd-lives .title2 {
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.vd-lives .user {
	position: relative;
	height: 24px;
	color: #999;
	margin-top: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.vd-lives .user>img {
	width: 24px;
	margin-right: 2px;
	vertical-align: middle
}
.vd-lives .user>i {
	position: absolute;
	left: 0;
	top: 0;
	width: 24px;
	height: 24px;
	background: url("../../images/common/base_sprite.131b6beb3b9e.png") 0 0 no-repeat;
	background-position: -169px -134px
}
.vd-lives .user>span {
	display: inline;
	vertical-align: middle
}
.vd-lives-multi .vd-lives {
	display: none
}
.vd-lives-multi .vd-lives:first-child {
	display: block
}
.vd-tabs {
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
	margin: 0 20px
}
.vd-tabs>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px
}
.vd-tabs>li.active a {
	color: #fff;
	border-color: #27ace5;
	background: #27ace5
}
.vd-tabs a {
	display: inline-block;
	padding: 0 10px;
	line-height: 22px;
	border: 1px solid #e2e2e2;
	background: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}
.vd-tabs a:hover {
	color: #27ace5;
	border-color: #27ace5
}
.vd-tabs.blue a {
	color: #fff;
	border-color: #27ace5;
	background: #27ace5
}
.vd-rank {
	width: 100%;
	height: 360px;
	margin-top: 20px;
	font-size: 14px;
	background: #fff
}
.vd-rank a {
	display: block;
	color: #333;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.vd-rank .list {
	font-size: 14px;
	padding: 15px 10px 0
}
.vd-rank .list>li {
	width: 100%;
	margin-bottom: 15px
}
.vd-rank .list>li:hover a {
	color: #27ace5
}
.vd-rank .list>li:first-child .num {
	background: #ff3161
}
.vd-rank .list>li:first-child+li .num {
	background: #ff3161
}
.vd-rank .list>li:first-child+li+li .num {
	background: #ff3161
}
.vd-rank .list.list-2 {
	min-height: 354px;
	padding: 10px 10px 0
}
.vd-rank .list.list-2 .media-1 {
	margin-bottom: 10px;
	padding: 0;
	background: #f3f3f3
}
.vd-rank .list.list-2>li {
	padding: 5px 0;
	margin-bottom: 10px
}
.vd-rank .list.list-2 .cover {
	height: 56px
}
.vd-rank .list.list-2 .title {
	height: auto;
	margin-top: 7px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.vd-rank .media-1 {
	display: inline-block
}
.vd-rank .media-1:before, .vd-rank .media-1:after {
	content: " ";
	display: table
}
.vd-rank .media-1:after {
	clear: both
}
.vd-rank .media-1 .num {
	position: absolute;
	top: 0;
	left: 0
}
.vd-rank .media-1>span {
	color: #999;
	font-size: 12px
}
.vd-rank .tabs {
	line-height: 1
}
.vd-rank .tabs:before, .vd-rank .tabs:after {
	content: " ";
	display: table
}
.vd-rank .tabs:after {
	clear: both
}
.vd-rank .tabs>li {
	float: left;
	width: 33.3%;
	padding: 7px 0;
	text-align: center;
	background: #e2e2e2;
	-webkit-transition: background .2s ease;
	-o-transition: background .2s ease;
	transition: background .2s ease
}
.vd-rank .tabs>li>a {
	display: block;
	color: #999;
	border-left: 1px solid #d0d0d0;
	-webkit-transition: background .2s ease;
	-o-transition: background .2s ease;
	transition: background .2s ease
}
.vd-rank .tabs>li.active {
	background: #fff;
	padding: 6px 0;
	border-top: 2px solid #27ace5
}
.vd-rank .tabs>li.active>a {
	color: #27ace5
}
.vd-rank .tabs>li:first-child>a {
	border-left: 0
}
.vd-rank .text {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.vd-rank .title {
	height: 46px;
	line-height: 1.6;
	overflow: hidden
}
.vd-rank .play-num {
	display: block;
	color: #a0a0a0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.vd-rank .cover {
	display: block;
	float: left;
	position: relative;
	width: 118px;
	height: 67px;
	margin-right: 8px;
	overflow: hidden;
	background: #e0e0e0
}
.vd-rank .cover>img {
	width: 118px
}
.vd-rank .num {
	color: #fff;
	padding: 0 4.5px;
	margin-right: 5px;
	background: #999
}
.vd-rank .empty {
	color: #666;
	height: 100%;
	text-align: center
}
.vd-sidenav {
	position: fixed;
	right: 50px;
	bottom: 80px;
	width: 60px;
	text-align: center;
	padding: 1px;
	background: #fff;
	z-index: 9
}
.vd-sidenav.fixed-to {
	position: absolute;
	bottom: 0
}
.vd-sidenav>li {
	padding: 10px 0 8px;
	margin-top: 1px;
	background: #eee;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}
.vd-sidenav>li:first-child {
	margin-top: 0
}
.vd-sidenav>li i {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-bottom: 3px;
	background: url("../../images/common/base_sprite.131b6beb3b9e.png") 0 0 no-repeat;
	background-position: -118px -166px
}
.vd-sidenav>li:hover {
	background: #27ace5
}
.vd-sidenav>li:hover a {
	color: #fff
}
.vd-sidenav>li.none {
	display: none
}
.vd-sidenav>li:hover .pop {
	display: block
}
.vd-sidenav .pop {
	display: none;
	position: absolute;
	bottom: 0;
	right: 100%;
	padding: 11px 10px 0;
	width: 188px;
	height: 230px;
	background-color: #27ace5;
	text-align: center;
	color: #fff;
	cursor: default
}
.vd-sidenav .pop>img {
	display: block;
	width: 100%
}
.vd-sidenav .pop>span {
	line-height: 42px
}
.vd-sidenav a {
	display: block;
	color: #999
}
.vd-sidenav .top:hover i {
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -164px -212px
}
.vd-sidenav .upload i {
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -207px -0
}
.vd-sidenav .upload:hover i {
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -207px -23px
}
.vd-sidenav .sear i {
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -207px -46px
}
.vd-sidenav .sear:hover i {
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -141px -212px
}
.vd-sidenav .feedback i {
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -141px -166px
}
.vd-sidenav .feedback:hover i {
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -118px -212px
}
.vd-sidenav .mobile i {
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -164px -189px
}
.vd-sidenav .mobile:hover i {
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -141px -189px
}
.vd-sidenav .wx i {
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -118px -189px
}
.vd-sidenav .wx:hover i {
	background-image: url("../../images/common/base_sprite.131b6beb3b9e.png");
	background-position: -164px -166px
}
.vd-scrolltext {
	position: relative;
	color: #666;
	height: 20px;
	width: 325px;
	font-size: 14px;
	margin: 4px 20px 0;
	overflow: hidden
}
.vd-scrolltext>ul {
	position: absolute;
	bottom: auto
}
.vd-scrolltext>ul>li {
	width: 325px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.vd-multidropdown>ul {
	color: #999;
	text-align: center;
	padding: 2px 0;
	border: 1px solid #e2e2e2;
	background: #fff;
	list-style: none;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px
}
.vd-multidropdown>ul:before, .vd-multidropdown>ul:after {
	content: " ";
	display: table
}
.vd-multidropdown>ul:after {
	clear: both
}
.vd-multidropdown>ul>li {
	display: block;
	float: left
}
.vd-multidropdown>ul>li {
	position: relative;
	font-size: 13px;
	width: 90px;
	cursor: pointer;
	border-left: 1px solid #e2e2e2
}
.vd-multidropdown>ul>li:first-child {
	border: 0
}
.vd-multidropdown>ul>li:hover .vd-menu {
	opacity: 1;
	top: 100%;
	visibility: visible
}
.vd-multidropdown>ul>li.hiding .vd-menu {
	opacity: 0;
	top: 70%;
	visibility: hidden
}
.vd-multidropdown .vd-menu {
	width: 105%;
	padding-top: 12px
}
.vd-multidropdown .vd-menu>i {
	top: 6px
}
.vd-multidropdown .vd-menu>ul {
	color: #333;
	opacity: 1;
	filter: alpha(opacity=100)
}
.vd-multidropdown .vd-menu>ul>li {
	height: 37px;
	line-height: 37px;
	background: #fff;
	border-color: #e2e2e2
}
.vd-multidropdown .vd-menu>ul>li:hover {
	background: #f3f3f3
}