/*==================================================================
* @name    :Normalize
* @author  :zhao.liu
* @version :2014-05
==================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
html {font-size:100%; -webkit-text-size-adjust: 100%;}
body{font-size:12px; font-family:arial, Hiragino Sans GB, Microsoft Yahei, sans-serif; color:#fff; line-height:20px;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:400;}

a{color:#717171;text-decoration:none;}
a:hover{color:#e9b700;text-decoration:none;}

.clear{clear:both;height:0;line-height:0;margin:0 auto;font-size:1px;}
.clx {*zoom: 1;}
.clx:before, .clx:after {display: table; line-height: 0; content: "";}
.clx:after {clear: both;}

/*================================================================*/

/*==================================================================
* @name    :Common Style
* @author  :zhao.liu
* @version :2014-05
==================================================================*/
.left{float:left;}
.right{float:right;}

.bold{font-weight:700;}
.normal{font-weight:400;}

.t11{font-size:11px;}
.t12{font-size:12px;}
.t14{font-size:14px;}
.t16{font-size:16px;}
.t18{font-size:18px;}
.arial{font-family:Arial, Helvetica, sans-serif;}
.simsun{font-family:simsun;}

.none{display:none;}

.l_black {color:#999 !important;}
.red {color:#c00 !important;}

.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}

.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}

.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
/*================================================================*/

/*==================================================================
* @name    :Global
* @author  :zhao.liu
* @version :2014-05
==================================================================*/
.global_bg {background:#101010 url(../pic/bg_dch.jpg?t=20150408) repeat fixed top center;}
.bg_gray {background:#292a2f url(../pic/bg_gray.jpg?t=20150408) repeat fixed top center; background-size:cover;}
.innerwrap {width:1000px; margin:0 auto;}
.shadow5 {box-shadow:0 0 10px rgba(0,0,0,.15);}
.intxt {font-size:12px; line-height:20px; padding:10px 5px; outline:0; border:1px solid #ccc;}
.intxt:focus {border-color:#e9b700; box-shadow:0 0 5px rgba(233,183,0,.7);}
.intxt_edit {padding:0 5px; width:180px;}

.global {height:50px; background:#131313;}
.global ul {width:400px; margin:0 auto;}
.global li {float:left; position:relative;}
.global li a {display:block; width:150px; padding:0 25px; height:50px; text-align:center;}
.global li .text {padding-top:15px; font-size:16px; color:#777;}
.global li .line {height:2px; background-color:#131313; overflow:hidden;}
.global .on .text {color:#fff;}
.global .on .line {background-color:#e9b700;}
.global li a:hover .text {color:#fff;}
.global .option {position:absolute; top:50px; left:0; z-index:10;}
.global .option ul {width:240px; margin:0; background:#2c2c2c;}
.global .option li {float:none; border-top:1px solid #454545;}
.global .option a {width:auto; height:20px; padding:10px; line-height:20px; font-size:12px; text-align:left;}
.global .option a:hover {background-color:#4e4e4e; color:#fff;}
.global .option a i {display:inline-block; width:50px; height:40px; margin-right:10px; background:url(../pic/ic-cooperation.png?t=20150408) no-repeat; overflow:hidden; vertical-align:-15px; *vertical-align:middle;}
.global .option .ic-cpo {background-position:0 0;}
.global .option .ic-sq {background-position:0 -40px;}
.global .option .ic-chncpa {background-position:0 -80px;}

.header .top {height:133px; position:relative;}
.header .logo {position:absolute; top:25px; left:0;}
.header .logo a {display:block; font-size:0; line-height:0; overflow:hidden;}
.header .language {position:absolute; top:0; right:0;}
.header .language .value {width:100px; padding:6px 15px; background:#131313 url(../pic/ic-language.png?t=20150408) no-repeat 100px 8px; font-size:14px; color:#fff; cursor:pointer;}
.header .language ul {display:none; width:130px; background:#333; position:absolute; top:32px; z-index:2; overflow:hidden;}
.header .language_on ul, .header .language:hover ul {display:block;}
.header .language ul li {color:#fff; border-top:1px solid #555; padding:6px 15px; cursor:pointer; -webkit-transition:all .25s ease-in;}
.header .language ul li:hover {background:#333; color:#e9b700;}
.header .language ul .on, .header .language ul .on:hover {background:#e9b700; color:#fff;}
.header .tool {position:absolute; top:6px; /*right:160px;*/ right:0;}
.header .tool a {font-size:14px; color:#fff;}
.header .tool a:hover {color:#e9b700;}
.header .tool .divide {color:#fff; margin:0 20px;}
.header .slogan {position:absolute; top:55px; right:5px; width:518px; height:35px; background:url(../pic/slogan.png?t=20150408) no-repeat; font-size:0; line-height:0; overflow:hidden;}
.header .partners {height:33px; position:absolute; top:70px; right:0;}
.header .partners h6 {float:left; font-size:12px; line-height:32px; margin-left:20px; color:#fff;}
.header .partners .icon {float:left; height:33px; margin-left:20px; background-image:url(../pic/ic-partners.png?t=20150408); background-repeat:no-repeat; font-size:0; line-height:0; overflow:hidden;}
.ic-cra {background-position:0 0; width:83px;}
.ic-sony {background-position:0 -33px; width:100px;}
.ic-dyna {background-position:0 -66px; width:143px;}

.header .nav {margin-bottom:20px; background:#131313; background:rgba(0,0,0,.5);}
.header .nav li {float:left; width:150px;}
.header .nav .index {width:50px;}
.header .nav .index a {background:url(../pic/ic-home.png?t=20150408) no-repeat; font-size:0; line-height:0; overflow:hidden;}
.header .nav .index a:hover {background-color:#e9b700;}
.header .nav li a {display:block; height:20px; line-height:20px; padding:10px 0; text-align:center; color:#fff; font-size:14px; -webkit-transition:background-color .1s ease-in;}
.header .nav li a:hover, .header .nav li .on {background-color:#e9b700; color:#fff;}
.header .nav li a span {display:block;}
.header .nav li a .ch {-webkit-transition:margin-top .1s ease-in;}
.header .nav li a .en {display:none; font-size:12px; line-height:16px;}
.header .nav li a:hover .ch {margin-top:-7px;}
.header .nav li a:hover .en {display:block;}

.footer {margin:20px 0; height:40px; padding:10px 20px; background:#131313; background:rgba(0,0,0,.5); color:#fff;}
.footer .logo-drc {float:left; width:30px; height:30px; margin-top:5px; background:url(../pic/logo-drc.png?t=20150408) no-repeat; overflow:hidden;}
.footer .logo-cra {float:left; width:85px; height:30px; margin-top:5px; background:url(../pic/logo-cra.png?t=20150408) no-repeat; overflow:hidden;}
.footer .logo-icntv {float:left; width:150px; height:30px; margin-top:5px; background:url(../pic/logo-icntv.png?t=20150408) no-repeat; overflow:hidden;}
.footer a {color:#fff;}
.footer a:hover{color:#e9b700;}

.pagination {text-align:right; padding:20px 0;}
.pagination a, .pagination span {display:inline-block; width:20px; height:20px; padding:5px; color:#fff; text-align:center;}
.pagination a {background:#555;}
.pagination a:hover {background:#e9b700;}
.pagination .prev, .pagination .next {width:60px;}
.pagination .on {font-weight:700; color:#e9b700;}
.pagination .not, .pagination .not:hover {background:#333; color:#777; cursor:not-allowed;}

.ic-play {display:inline-block; width:20px; height:20px; background:url(../pic/ic-play.png?t=20150408) no-repeat; vertical-align:-3px; *vertical-align:middle;}
.ic-pause {display:inline-block; width:20px; height:20px; background:url(../pic/ic-pause.png?t=20150408) no-repeat; vertical-align:-3px; *vertical-align:middle;}
.ic-cart {display:inline-block; width:20px; height:20px; background:url(../pic/ic-cart.png?t=20150408) no-repeat; vertical-align:-3px; *vertical-align:middle;}

/* droplist */
.droplist{display:inline-block; width:118px; padding:0 20px 0 5px; border:1px solid #ccc; height:28px; line-height:28px; font-size:14px; color:#333; background:#f7f7f7 url(../pic/arrow_droplist.png?t=20150408) no-repeat right; position:relative; z-index:10; vertical-align:middle; cursor:pointer; *display:inline; *zoom:1; -webkit-transition:border .3s ease;}
.droplist .value {display:block; height:20px; line-height:20px; padding:4px 0; white-space:nowrap; overflow:hidden;}
.droplist .ip-dropdown {display:none; top:28px; left:-1px; z-index:1060; max-height:180px; overflow-y:auto;}
.droplist_on {border:1px solid #04a4e8; outline:0; z-index:15}
.droplist_on .ip-dropdown {display:block;}
.ip-dropdown {width:144px; background-color:#fff; border: 1px solid #CCC; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position:absolute;}
.ip-dropdown div a, .ip-dropdown div label {display:block; padding:5px 0 5px 5px; font-size:12px; line-height: 20px; color: #555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ip-dropdown div a:hover {color: #fff; background-color:#e9b700;}
.ip-dropdown div a.on, .ip-dropdown div a.on:hover {color:#fff; background:#e9b700 url(../pic/dl_select.png?t=20150408) no-repeat right -65px;}

/* filter-tab */
.filter-tab {margin:-15px -20px; position:relative;}
.filter-tab:hover {background-color:#e9b700;}
.filter-tab-value {padding:15px 20px; line-height:30px; cursor:pointer;}
.filter-tab-expand {display:none; border:3px solid #e9b700; background:#fff; position:absolute; top:58px; left:0px;}
.filter-tab-expand div {border-top:1px dotted #ccc;}
.filter-tab-expand div:first-child {border-top:0;}
.filter-tab-expand div a {display:block; padding:10px 20px 10px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.filter-tab-expand div a.on, .filter-tab-expand div a.on:hover {color:#e9b700;}

/* subnav */
.subnav {margin:-20px 0 20px;}
.subnav .box {width:1000px; overflow:hidden;}
.subnav .box ul {width:9999px;}
.subnav .box li {float:left; width:970px; height:410px; padding:20px 15px; background:#2c2c2c; position:relative;}
.subnav .box .canvas a {position:absolute; overflow:hidden;}
.subnav .box .canvas a .desc {padding:5px 10px; background:#131313; position:absolute; left:0; bottom:20px; -webkit-transition:all .25s ease-in-out;}
.subnav .box .canvas a .desc .text {font-size:14px; line-height:24px; color:#fff;}
.subnav .box .canvas a .desc .sub {display:none;}
.subnav .box .canvas a:hover .desc .sub {display:block; font-size:12px; color:#999; line-height:20px;}

.subnav .box .grid-2 .grid-2-1 {width:475px; height:410px; top:20px; left:15px;}
.subnav .box .grid-2 .grid-2-2 {width:475px; height:410px; top:20px; left:510px;}

.subnav .box .grid-2-t .grid-2-1 {width:970px; height:195px; top:20px; left:15px;}
.subnav .box .grid-2-t .grid-2-2 {width:970px; height:195px; top:235px; left:15px;}

.subnav .box .grid-3 .grid-3-1 {width:475px; height:195px; top:20px; left:15px;}
.subnav .box .grid-3 .grid-3-2 {width:475px; height:195px; top:20px; left:510px;}
.subnav .box .grid-3 .grid-3-3 {width:970px; height:195px; top:235px; left:15px;}

.subnav .box .grid-4 .grid-4-1 {width:475px; height:195px; top:20px; left:15px;}
.subnav .box .grid-4 .grid-4-2 {width:475px; height:195px; top:20px; left:510px;}
.subnav .box .grid-4 .grid-4-3 {width:475px; height:195px; top:235px; left:15px;}
.subnav .box .grid-4 .grid-4-4 {width:475px; height:195px; top:235px; left:510px;}
/*==================================================================
* @name    :index
* @author  :zhao.liu
* @version :2014-05
==================================================================*/
.box-full {background:#131313; background:rgba(0,0,0,.5); position:relative;}
.box-full h2, .box-full h3 {color:#fff;}
.box-full h2 {font-size:36px; line-height:40px;}
.box-full h3 {font-size:18px; line-height:24px;}
.box-full .playbox {height:390px; overflow:hidden;}
.box-full .playbox .media-info .name {color:#fff; padding:10px; font-size:18px;}

.box-slide {margin-bottom:20px;}
.box-slide .slide {width:1000px; height:378px; position:relative; overflow:hidden;}
.box-slide .slide a {float:left; width:1000px; height:378px; overflow:hidden;}
.box-slide .slide i {width:38px; height:38px; background:url(../pic/btn_slide.png?t=20150408) no-repeat; overflow:hidden; cursor:pointer; opacity:.5; -webkit-transition:opacity .2s ease-in; position:absolute; bottom:20px; z-index:1;}
.box-slide .slide .prev {left:20px; background-position:-38px 0;}
.box-slide .slide .next {right:20px;}
.box-slide .slide i:hover {opacity:1;}
.box-slide .slide img {width:1000px; height:378px;}
.box-slide ul li {float:left; width:164px; height:63px; overflow:hidden; border:2px solid #131313; border-right:0; border-color:rgba(0,0,0,.5); cursor:pointer; opacity:.7; -webkit-transition:opacity .2s ease-in;}
.box-slide ul .on, .box-slide ul li:hover {opacity:1;}
.box-slide ul .first {width:165px;}
.box-slide ul .last {width:165px;}
.box-slide ul li img {width:166px; height:63px;}

.box-countdown {float:left; width:780px; margin-right:20px; height:562px; margin-bottom:20px; position:relative;}
.box-countdown h2, .box-countdown h3 {text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:absolute; left:0; right:0; z-index:2;}
.box-countdown h2 {top:100px;}
.box-countdown h3 {top:155px;}
.box-countdown .info {height:125px; background:#101010; background:rgba(0,0,0,.4); position:absolute; left:0; right:0; bottom:0; z-index:2;}
.box-countdown .info .text {float:left; width:49%; line-height:40px; margin-top:42px; text-align:right; color:#fff;}
.box-countdown .info .text span {float:right; font-size:14px; margin-right:25px;}
.box-countdown .info .text h4 {float:right; max-width:370px; margin-right:20px; font-size:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.box-countdown .info .time {float:left; width:49%; margin-top:40px; font-family:Impact, sans-serif; color:#fff;}
.box-countdown .info .time .group {float:left;}
.box-countdown .info .time .num {width:40px; height:40px; font-size:28px; line-height:40px; text-align:center; background:#e9b700;}
.box-countdown .info .time .unit {font-size:12px; text-align:center;}
.box-countdown .info .time .separate {float:left; font-size:30px; line-height:30px; margin:0 5px;}
.box-countdown .bg {position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; overflow:hidden;}

.box-foreshow {float:right; width:200px; height:562px; position:relative;}
.box-foreshow .bg {position:absolute; top:0; left:0; z-index:0;}
.box-foreshow .text {position:absolute; top:50px; left:0; right:0; padding:15px; z-index:1; background:#c7040a; background-color:rgba(199,4,10,.7); font-size:12px; color:#fff;}
.box-foreshow .text h4 {margin:15px 0 10px; font-size:20px; max-height:100px; overflow:hidden;}
.box-foreshow .btn-play, .box-foreshow .btn-pause {width:76px; height:76px; background:url(../pic/play-pause.png?t=20150408) no-repeat; position:absolute; bottom:100px; left:62px;}
.box-foreshow .btn-play:hover {background-position:0 -76px;}
.box-foreshow .btn-pause {background-position:-76px 0;}
.box-foreshow .btn-pause:hover {background-position:-76px -76px;}

.box-liveshow {height:390px; margin-bottom:20px; background:url(../images/bg_play.jpg?t=20150408) no-repeat; position:relative;}
.box-liveshow .inner {width:450px; padding:150px 0 0 500px;}
.box-liveshow h2, .box-liveshow h3 {margin-bottom:20px; text-align:center;}
.box-liveshow .screen {width:248px; height:273px; padding:30px 10px 10px; background:url(../pic/bg_screen.jpg?t=20150408) no-repeat; text-align:center; position:absolute; bottom:0; left:85px;}
.box-liveshow .screen .name {margin:0 0 10px; color:#ccc; font-size:16px;}
.box-liveshow .screen .name strong {display:block; margin-top:5px; color:#fff; max-height:60px; overflow:hidden;}
.box-liveshow .screen .next {margin:0 0 10px; color:#ccc; font-size:12px;}
.box-liveshow .screen .next strong {display:block; margin-top:5px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.box-liveshow .btn-show {display:block; height:30px; margin:20px 50px; font-size:14px; line-height:30px; background:#e9b700; text-align:center; color:#fff;}
.box-liveshow .btn-show .ic-play, .box-liveshow .btn-show .ic-pause {margin-right:5px;}
.box-liveshow .btn-show:hover {background:#ff4b00;}
.box-liveshow .btn-show-no, .box-liveshow .btn-show-no:hover {margin:20px 0; font-size:12px; color:#999; background:none; cursor:default;}
.box-liveshow .btn-show-no span {display:inline-block; width:16px; padding:2px; margin:0 2px; line-height:16px; background:#e9b700; border-radius:4px; color:#fff; font-size:14px; text-align:center;}
.box-liveshow .btn-show-no i {display:none;}
.box-liveshow .screen .btn-play, .box-liveshow .screen .btn-pause {width:76px; height:76px; background:url(../pic/play-pause.png?t=20150408) no-repeat; position:absolute; bottom:50px; left:96px;}
.box-liveshow .screen .btn-play:hover {background-position:0 -76px;}
.box-liveshow .screen .btn-pause {background-position:-76px 0;}
.box-liveshow .screen .btn-pause:hover {background-position:-76px -76px;}
.box-liveshow .screen .btn-prev, .box-liveshow .screen .btn-next {width:50px; height:50px; background:url(../pic/play-pause.png?t=20150408) no-repeat; position:absolute; bottom:63px;}
.box-liveshow .screen .btn-prev {background-position:0 -152px; left:36px;}
.box-liveshow .screen .btn-prev:hover {background-position:0 -202px;}
.box-liveshow .screen .btn-next {background-position:-50px -152px; right:38px;}
.box-liveshow .screen .btn-next:hover {background-position:-50px -202px;}
.box-liveshow .screen .audiojs {height:7px; background:#131313; position:absolute; bottom:15px; left:40px; right:40px; overflow:visible;}
.box-liveshow .screen .audiojs .scrubber {width:100%; height:7px; margin:0; border:0;}
.box-liveshow .screen .audiojs .progress, .box-liveshow .screen .audiojs .loaded {height:7px;}
.box-liveshow .screen .audiojs .time {height:20px; line-height:20px; padding:0; border:0; position:absolute; bottom:7px; left:60px;}

.box-record {margin-bottom:20px;}
.box-record .title {height:20px; font-size:16px; line-height:20px; padding:10px; border-bottom:1px solid #3e4148;}
.box-record .title .more {float:right; font-size:12px;}
.box-record .content li {float:left; padding:5px;}
.box-record .content li a {display:block;}
.box-record .content li .text {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff;}
.box-record .content li a:hover .text {color:#e9b700;}
.box-record .album-6 li {width:156px;}
.box-record .album-6 li .thumb img {width:156px; height:156px;}
.box-record .album-3 li {width:322px;}
.box-record .album-3 li .thumb img {width:322px; height:156px;}
/*==================================================================
* @name    :pages
* @author  :zhao.liu
* @version :2014-05
==================================================================*/
/* music */
.content .topbar {height:30px; padding:15px 20px; margin-bottom:20px; background:#131313; background:rgba(0,0,0,.5); font-size:16px; color:#fff;}
.content .topbar strong {margin-right:3px;}

.content .list .item, .content .detail .item {padding:20px; margin-bottom:20px; background:#131313; background:rgba(0,0,0,.5);}
.item .pic {float:left; width:300px; height:300px; margin:0 50px 0 10px; background:#555; overflow:hidden;}
.item .pic img {width:300px;}
.item .info {float:left; width:600px; color:#fff;}
.item .info .date {font-size:14px; color:#e9b700;}
.item .info h2 {font-size:20px; padding:10px 0;}
.item .info h2 a {color:#fff;}
.item .info h2 a:hover {color:#e9b700;}
.item .info .desc {font-size:14px; color:#b5b5b5;}
.item .info .menu {margin-top:15px; border-top:1px solid #ccc;}
.item .info .menu li {height:40px; margin-bottom:1px; font-size:14px; line-height:20px; position:relative;}
.item .info .menu .alt {background:#2c2c2c;}
.item .info .menu li a {color:#fff; position:absolute; top:0; bottom:0; left:0; right:0;}
.item .info .menu li a:hover, .item .info .menu li .on {background:#e9b700;}
.item .info .menu li div {float:left; padding:10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.item .info .menu .name {width:560px; padding-left:10px;}
.item .info .menu .op {}
.item .info .btn-download {float:right; width:180px; height:40px; font-size:18px; line-height:40px; background:#e9b700; text-align:center; color:#fff;}
.item .info .btn-download:hover {background:#c59b00;}
.item .info .expand, .item .info .collapse {float:left; padding:10px; font-size:14px; color:#777;}
.item .info .expand:hover, .item .info .collapse:hover {color:#fff;}
.item .info .expand i, .item .info .collapse i {display:inline-block; width:20px; height:20px; background-image:url(../pic/ic-fold.png?t=20150408); background-repeat:no-repeat; vertical-align:-5px; *vertical-align:middle;}
.item .info .expand i {background-position:0 0;}
.item .info .collapse i {background-position:0 -20px;}

.detail .sidebar {float:left; width:300px; margin:0 50px 0 10px;}
.detail .sidebar .pic {float:none; margin:0; position:relative;}
.detail .sidebar .pic .more {display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:#333; background:rgba(0,0,0,.5); color:#fff; text-align:center; line-height:20px; font-size:16px; padding:150px 0;}
.detail .sidebar .pic:hover .more {display:block;}
.detail .sidebar .album {margin-top:20px; text-align:center; color:#ccc;}
.detail .sidebar .album .download {display:inline-block; width:120px; height:20px; line-height:20px; padding:5px 0; font-size:12px; background:#e9b700; text-align:center; color:#fff;}
.detail .sidebar .album .download:hover {background:#ff4b00;}

.detail .main {float:left; width:600px;}
.detail .main .info {float:none;}
.detail .main .album .tab li {float:left;}
.detail .main .album .tab li a {display:block; width:199px; height:20px; line-height:20px; padding:5px 0; margin-left:1px; background-color:#333; color:#fff; font-size:14px; text-align:center;}
.detail .main .album .tab li:first-child a {margin-left:0; width:200px;}
.detail .main .album .tab li a.on {background-color:#e9b700;}
.detail .main .album .tab li a:hover {background-color:#e46732;}
.detail .main .album .panel {margin:20px 0; color:#fff;}
.detail .main .album .panel h2 {font-size:18px; margin-bottom:10px;}
.detail .main .album .panel .height {max-height:170px; overflow:hidden;}
.detail .main .album .panel .more {cursor:pointer; text-align:center; margin:10px 0 0;}
.detail .main .album .panel .more:hover {color:#f60;}

/* theater */
.content .grid {padding:20px; background:#131313; background:rgba(0,0,0,.7);}

.grid .column-3 li {float:left; width:300px; height:407px; margin:0 30px 20px 0; position:relative; overflow:hidden;}
.grid .column-3 .nobr {margin-right:0;}
.grid .column-3 li a {display:block; height:407px;}
.grid .column-3 li img {width:300px; -webkit-transition:all .25s ease-in;}
.grid .column-3 li .desc {padding-top:130px; background:#333; background:rgba(0,0,0,.6); color:#fff; text-align:center; position:absolute; top:-420px; bottom:0; left:0; right:0; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; transition:all .25s ease-in; visibility:hidden; opacity:0; pointer-events:none;}
.grid .column-3 li .desc h3 {font-size:24px; line-height:30px; margin-bottom:10px;}
.grid .column-3 li .desc p {color:#bbb;}
.grid .column-3 li a:hover .desc {top:0; bottom:0; visibility:visible; opacity:1;}
.grid .info {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #555; color:#fff;}
.grid .info .date {font-size:14px; color:#e9b700;}
.grid .info h2 {font-size:20px; padding:10px 0;}
.grid .info .desc {font-size:14px;}
.grid-theater {padding-bottom:0 !important;}

.grid-video .video {float:left; width:700px; margin-right:20px; color:#fff;}
.grid-video .play {float:right; width:240px;}
.grid-video .play .box {width:240px;}
.grid-video .play .box img {width:100%;}
.grid-video .play .btn-buy {display:inline-block; width:180px; height:40px; font-size:18px; line-height:40px; background:#e9b700; text-align:center; color:#fff;}
.grid-video .play .btn-buy:hover {background:#c59b00;}
.grid-video .text {margin:20px 0;}
.grid-video .text p {font-size:14px; line-height:24px; color:#fff;}

.grid-gallery li {margin-bottom:0 !important;}
.grid-gallery li .title {font-size:36px; line-height:40px; text-align:center; color:#fff; text-shadow:0 0 5px rgba(0,0,0,.7); position:absolute; top:300px; left:0; right:0; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; transition:all .25s ease-in;}
.grid-gallery li:hover .title {font-size:48px; line-height:50px;}
.grid-gallery h2 {font-size:20px; margin-bottom:20px; color:#fff;}
.grid-gallery .bigpic {position:relative;}
.bigpic table {width:960px;}
.bigpic table td {text-align:center;}
.bigpic a {display:block; width:50px; height:200px; background-image:url(../pic/ic-page.png?t=20150408); background-repeat:no-repeat; position:absolute; top:50%; margin-top:-100px;}
.bigpic .prev {background-position:0 85px; left:10px;}
.bigpic .prev:hover {background-position:-50px 85px; background-color:#131313; background-color:rgba(0,0,0,.7);}
.bigpic .next {background-position:-100px 85px; right:10px;}
.bigpic .next:hover {background-position:-150px 85px; background-color:#131313; background-color:rgba(0,0,0,.7);}
.bigpic .prev_no, .bigpic .prev_no:hover, .bigpic .next_no, .bigpic .next_no:hover {cursor:not-allowed; background-color:transparent;}
.grid-gallery .thumb {width:960px; height:105px; margin-top:10px; overflow:hidden; position:relative;}
.thumb li {float:left; margin-right:10px;}
.thumb .last {margin-right:0;}
.thumb li a {display:block; width:130px; height:105px; overflow:hidden;}
.thumb .prev, .thumb .next {display:block; width:50px; height:105px; background-image:url(../pic/ic-page.png?t=20150408); background-repeat:no-repeat; position:absolute; top:0;}
.thumb .prev {background-position:0 35px; left:0;}
.thumb .prev:hover {background-position:-50px 35px;}
.thumb .next {background-position:-100px 35px; right:0;}
.thumb .next:hover {background-position:-150px 35px;}
.thumb .prev_no, .thumb .prev_no:hover, .thumb .next_no, .thumb .next_no:hover {cursor:not-allowed; background-color:transparent;}
.thumb:hover .prev, .thumb:hover .next {background-color:#333; background-color:rgba(0,0,0,.7);}

/* aboutus */
.grid .column-2 li {float:left; width:465px; height:420px; margin:0 30px 20px 0; position:relative; overflow:hidden;}
.grid .column-2 .nobr {margin-right:0;}
.grid .column-2 li a {display:block; height:420px;}
.grid .column-2 li img {width:465px;}
.grid .column-2 li .desc {padding-top:170px; background:#fff; background:rgba(255,255,255,.7); color:#555; font-size:24px; line-height:30px; text-align:center; position:absolute; top:420px; bottom:0; left:0; right:0; -webkit-transition:all .25s ease-in; -moz-transition:all .25s ease-in; transition:all .25s ease-in;}
.grid .column-2 li:hover .desc {top:0; bottom:0;}

/* login */
.grid-login .box {width:360px; padding:20px 0; margin:0 auto;}
.grid-login .box .title {border-bottom:2px solid #ccc; margin-bottom:20px;}
.grid-login .box .title h2 {float:left; padding:0 20px; color:#e9b700; font-size:20px; line-height:30px; border-bottom:2px solid #e9b700; margin-bottom:-2px;}
.grid-login .box .title a {float:left; color:#fff; margin:5px 0 0 20px;}
.grid-login .box .form li {padding:5px 0; position:relative;}
.grid-login .box .form li label {color:#ccc;}
.grid-login .box .form li .option {display:inline-block; padding:10px 0;}
.grid-login .box .form li .intxt {width:348px; *vertical-align:middle;}
.grid-login .box .form li .valcode {vertical-align:middle; margin:0 5px;}
.grid-login .box .form li .btn {display:block; width:360px; height:40px; line-height:40px; text-align:center; background-color:#e9b700; border:0; color:#fff; font-size:14px; outline:0; cursor:pointer;}
.grid-login .box .form li .btn:hover {background-color:#c59b00;}
.grid-login .box .form li .errortip {width:348px; line-height:16px; padding:5px; border:1px solid #ffbdbf; color:#e6393d; background:#ffebec; position:absolute; top:47px; left:0; z-index:1;}
.grid-login .box .form li .regtip {position:absolute; top:5px; left:370px; width:190px; height:20px; line-height:20px; padding:10px 5px;}
.regtip i {display:inline-block; width:20px; height:20px; margin-right:5px; background:url(../pic/ic-tip.png?t=20150408) no-repeat; vertical-align:-5px; *vertical-align:middle;}
.regtip-pass i {background-position:0 0;}
.regtip-error i {background-position:0 -20px;}
.regtip-error {color:#e9b700;}
.login-h2 {color:#fff; font-size:24px; line-height:30px; padding:40px 0; text-align:center;}
.login-h5 {color:#fff; font-size:14px; margin-bottom:10px;}

.grid-login .agreement {margin-top:10px; border:1px solid #ccc; background:#f7f7f7; color:#333; padding:5px; max-height:120px; overflow-y:auto;}

/* account */
.grid-account-title {color:#fff; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.grid-account .userinfo {float:left; width:50%; border-right:1px dotted #ccc;}
.grid-account .userinfo .avator {display:block; width:100px; height:100px; margin:20px auto; background:url(../pic/avator.png?t=20150408) no-repeat; overflow:hidden;}
.grid-account .userinfo .name {margin:20px 0; text-align:center; font-size:20px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.grid-account .userinfo .mc {margin:0 5px; vertical-align:3px; *vertical-align:middle;}
.mc {display:inline-block; padding:1px 2px; border:1px solid #ccc; border-radius:4px; color:#ccc; font-size:12px; line-height:14px; font-style:normal;}
.mc-1 {}
.mc-2 {border-color:#52d273; color:#52d273;}
.mc-3 {border-color:#d2f6ff; color:#d2f6ff;}
.mc-4 {border-color:#fff; color:#fff;}
.grid-account .userinfo .contact {width:60%; margin:20px auto;}
.grid-account .userinfo .contact li {height:30px; line-height:30px; color:#fff;}
.grid-account .userinfo .contact li .title {display:inline-block; width:50px; text-align:left;}
.grid-account .userinfo a {color:#d5d5d5;}
.grid-account .userinfo a:hover {color:#f60;}
.grid-account .userinfo .btn {display:inline-block; width:80px; height:20px; line-height:20px; padding:5px 0; text-align:center; background-color:#e9b700; color:#fff; font-size:14px;}
.grid-account .userinfo .btn:hover {background-color:#c59b00; color:#fff;}
.grid-account .planinfo {float:right; width:48%;}
.grid-account .planinfo .inner {padding:20px 0;}
.grid-account .planinfo .planinfo-title {font-size:16px; color:#fff; padding-bottom:15px;}
.grid-account .planinfo .planinfo-title a {color:#d5d5d5;text-decoration:underline; margin:0 2px;}
.grid-account .planinfo .planinfo-title a:hover {color:#f60;}
.grid-account .planinfo .package {margin-top:15px;}
.grid-account .planinfo .package li {float:left; margin:0 20px 20px 0;}
.grid-account .planinfo .package li a, .grid-account .planinfo .package li .bought:hover {display:block; width:200px; height:70px; padding:10px 0; background:#f7f7f7; border:3px solid #e9b700; color:#555; overflow:hidden; position:relative;}
.grid-account .planinfo .package li .text h5 {margin-top:10px; font-size:14px; line-height:30px; text-align:center;}
.grid-account .planinfo .package li .text p {text-align:center;}
.grid-account .planinfo .package li i {display:none; background:#e9b700; padding:2px 5px; color:#fff; font-style:normal; position:absolute; top:0; left:0;}
.grid-account .planinfo .package .bought i {display:block;}
.grid-account .planinfo .package li .tip {width:180px; height:86px; padding:10px 10px 0; background:#e9b700; color:#fff; position:absolute; top:-96px; left:0; -webkit-transition:top .2s ease-in;}
.grid-account .planinfo .package li a:hover .tip {top:0;}

.grid .grid-exp {float:none; width:100%;}
.grid .grid-exp .package li {margin:0 0 0 20px;}
.grid .grid-exp .package li.first {margin-left:0;}
.grid .grid-exp .package li a {width:219px; height:260px; border-color:#333; background-color:#333; background-repeat:no-repeat; color:#fff;}
.grid .grid-exp .package li .text {margin-bottom:20px;}
.grid .grid-exp .package li .text h5 {font-size:28px; margin-top:20px;}
.grid .grid-exp .package li .price {margin-top:70px; font-size:24px; color:#e9b700;}
.grid .grid-exp .package li .desc {padding:0 20px; text-align:center; color:#ccc;}
.grid .grid-exp .package li a:hover {background-color:#555; border-color:#555;}
.grid .grid-exp .package li a:hover .desc {color:#fff;}
.grid .grid-exp .package li .p2, .grid .grid-exp .package li .p2:hover {border-color:#59baaa;}
.grid .grid-exp .package li .p3, .grid .grid-exp .package li .p3:hover {border-color:#f7f7f7;}
.grid .grid-exp .package li .p4, .grid .grid-exp .package li .p4:hover {border-color:#3fadec;}
.grid .grid-exp .package li .p2 {background-image:url(../pic/bg_p2.png?t=20150408); background-position:center 80px;}
.grid .grid-exp .package li .p3 {background-image:url(../pic/bg_p3.png?t=20150408); background-position:center 80px;}
.grid .grid-exp .package li .p4 {background-image:url(../pic/bg_p4.png?t=20150408); background-position:center 80px;}

.grid-account .copyright p {margin-bottom:15px; font-size:14px;}
.grid-account .copyright p:first-letter {padding-left:2em;}

/* whats hires */
.spcs {position:relative;}
.spcs .setupLeftMenu{width:350px; position:absolute; right:30px; top:20px; z-index:20; overflow:hidden;}
.spcs .setupLeftMenu ul {width:1050px;}
.spcs .setupLeftMenu li{float:left; width:350px; height:480px; background:#fff; margin-bottom:2px;}
.spcs .setupLeftMenu li h3{height:44px; cursor:pointer;}
.spcs .setupLeftMenu li h3 .setupLeftMenuNum{font-size:18px; width:46px; height:44px; line-height:44px; background:#6d6d6d; display:block; color:#fff; text-align:center; float:left; margin:0 10px 0 0;}
.spcs .setupLeftMenu li:hover h3 .setupLeftMenuNum{background:#000; -webkit-transition:background 0.5s ease-in-out;}
.spcs .setupLeftMenu li.fc h3 .setupLeftMenuNum{background:#e9b700;}
.spcs .setupLeftMenu li h3 .setupLeftMenuTitle{font-size:18px; height:44px; line-height:44px; color:#000;}
.spcs .setupLeftMenu li p{font-size:14px; line-height:150%; display:none; color:#6d6d6d;}
.spcs .setupLeftMenu li p span{display:block; padding:5px 10px;}
.spcs .setupLeftMenu li p span.firstc{margin:5px 0 0 0;}
.spcs .setupLeftMenu li p span.blure{ display:block; background:#e4e4e4; margin:10px 0 ;}
.spcs .setupLeftMenu li p span.lastc{ margin:0px;}
.spcs .setupLeftMenu li p span span.blues{color:#326e9e; display:inline; padding:5px 10px 5px 0;}
.spcs .setupArea {width:960px; height:624px; overflow:hidden;}
.spcs .setupArea ul {width:2880px;}
.spcs .setupArea li {float:left;}
.spcs .setupLeftMenu .paging {position:absolute; bottom:10px; left:140px;}
.spcs .setupLeftMenu .paging a {display:inline-block; width:14px; height:14px; background:#ccc; border-radius:20px; margin:0 5px;}
.spcs .setupLeftMenu .paging a:hover {background:#ededed;}
.spcs .setupLeftMenu .paging a.on, .spcs .setupLeftMenu .paging a.on:hover {background:#e9b700;}

.grid-hires .how {margin:20px 0 0 0;}
.grid-hires .how h2 {font-size:30px; line-height:40px; margin:0 0 20px 35px;}
.grid-hires .how h3 {font-size:20px; line-height:30px; margin:0 0 20px 35px; color:#ccc;}
.grid-hires .how p {margin-left:35px; color:#ccc;}

/* payment confirm */
.grid-payconfirm-title {font-size:28px; line-height:40px; padding-bottom:10px; margin-bottom:15px; border-bottom:1px dashed #ccc; text-align:center;}
.grid-payconfirm-info {width:60%; margin:0 auto;}
.grid-payconfirm-info li {height:40px; font-size:14px; color:#f5f5f5;}
.grid-payconfirm-info li span {line-height:40px;}
.grid-payconfirm-info li .title {float:left;}
.grid-payconfirm-info li .value {float:right;}
.grid-payconfirm-info li .price {font-size:20px; color:#e9b700;}
.grid-payconfirm .btn {display:block; width:220px; height:40px; margin:20px auto; font-size:18px; line-height:40px; background:#e9b700; text-align:center; color:#fff;}
.grid-payconfirm .btn:hover {background:#c59b00;}
.grid-error {padding:10px; border:1px solid #e08989; background-color:#ffdfdf; color:#555; font-size:14px; position:relative;}
.grid-error .close {font-size:24px; font-weight:bold; line-height:20px; color:#333; font-family: "Open Sans"; cursor:auto; position:absolute; top:10px; right:10px;}

.paymentlist {*zoom: 1;}
.paymentlist:before, .paymentlist:after {display: table; line-height: 0; content: "";}
.paymentlist:after {clear: both;}
.paymentlist .p {float:left; width:150px; height:40px; margin:0 0 10px 20px; border:2px solid #ccc; background:url(../pic/ic-payment.png?t=20150408) no-repeat; overflow:hidden; position:relative; cursor:pointer;}
.paymentlist .p i {display:none; width:20px; height:20px; background:#e9b700 url(../pic/dl_select.png?t=20150408) no-repeat right -70px; position:absolute; bottom:0; right:0;}
.paymentlist .checked {border-color:#e9b700;}
.paymentlist .checked i {display:block;}
.paymentlist .alipay {background-position:0 0;}
.paymentlist .paypal {background-position:0 -40px;}

/*
.logo-partners {display:inline-block; width:215px; height:85px; background:url(../pic/logo-partners.png?t=20150408) no-repeat; overflow:hidden;}
.logo-cra {background-position:0 0;}
.logo-airchina {background-position:0 -90px; height:70px;}
.logo-dynaudio {background-position:0 -165px; height:40px;}
.logo-sony {background-position:0 -205px; height:40px;}
*/

.com-tips {padding:20px; background:#131313; background:rgba(0,0,0,.7); color:#fff; font-size:14px; margin-bottom:20px;}
.com-tips .ok {display:inline-block; width:20px; height:20px; margin-right:5px; background:url(../pic/ic-tip.png?t=20150408) no-repeat 0 0; vertical-align:-5px; *vertical-align:middle;}
.com-tips a {color:#fff;}
.com-tips a:hover {color:#e9b700;}

/* masklayout */
.masklayout {position:fixed; top:0; bottom:0; left:0; right:0; z-index:20; opacity:1; background:rgba(0,0,0,.3); background:transparent\9; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#6B000000,endColorstr=#6B000000)\9; zoom:1\9; -moz-transition:all 0.3s;-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; -webkit-user-select:none; -moz-user-select:-moz-none; -webkit-user-drag:none;}
.modal {position:fixed; top:10%; left:50%; z-index:50; width:600px; margin-left:-300px;}
.modal.fade {opacity: 0; -webkit-transition:opacity .3s linear,top .3s ease-out; display:none}
.modal.fade.in {top:5%; opacity:1;}
.modal .modal-title {height:20px; line-height:20px; padding:10px; background:#f3f3f3; color:#333; position:relative;}
.modal .modal-title h4 {font-size:16px;}
.modal .modal-close {position:absolute; top:0; right:0; z-index:10;}
.modal .modal-title .modal-close {top:10px; right:5px; color:#333;}
.modal-content {color:#555;}
.modal-close {font-size:20px; font-weight:bold; line-height:20px; color:#fff; opacity:.5; font-family: "Open Sans"; cursor:auto;}
.modal-close {opacity:1;}

.modal-tips {width:420px; margin-left:-210px; background:#fff; border:2px solid #ccc; box-shadow:0 0 5px rgba(0,0,0,0.4); top:15% !important;}
.modal-tips .modal-content {padding:20px; font-size:14px;}
.modal-tips .btn-wrap {margin-top:20px; text-align:center;}
.modal-tips .btn-wrap .btn {display:inline-block; width:100px; height:20px; line-height:20px; padding:10px 20px; margin:0 10px; background:#e9b700; color:#fff; text-align:center;}
.modal-tips .btn-wrap .btn-alt {background:#ededed; color:#555;}

.modal-com {width:600px; margin-left:-300px; background:#fff; border:2px solid #ccc; box-shadow:0 0 5px rgba(0,0,0,0.4); top:15% !important;}
.modal-com .modal-content {padding:10px; max-height:300px; overflow-y:auto;}


/* carousel */
.carousel {position:relative; width:600px; height:600px; overflow:hidden;}
.carousel .prev, .carousel .next {display:block; width:50px; height:600px; background-image:url(../pic/ic-page.png?t=20150408); background-repeat:no-repeat; position:absolute; top:0;}
.carousel .prev {background-position:0 center; left:0;}
.carousel .prev:hover {background-position:-50px center;}
.carousel .next {background-position:-100px center; right:0;}
.carousel .next:hover {background-position:-150px center;}
.carousel .prev_no, .carousel .prev_no:hover, .carousel .next_no, .carousel .next_no:hover {cursor:not-allowed; background-color:transparent;}
.carousel:hover .prev, .carousel:hover .next {background-color:#333; background-color:rgba(0,0,0,.2);}
.carousel-indicators {position:absolute; left:0; right:0; bottom:10px; text-align:center;}
.carousel-indicators li {display:inline-block; width:12px; height:12px; margin-right:5px; border-radius:12px; background:#999; cursor:pointer;}
.carousel-indicators li:hover {background:#fff;}
.carousel-indicators .active {background:#fff; cursor:default;}

/* agreement */
.modal-agreement {width:800px; margin-left:-400px;}
.modal-agreement-inner {background-color:#fff; margin-top:30px; padding:30px; font-size:14px; color:#131313; max-height:450px; overflow-y:auto;}

/* music tryme */
.content .grid-tryme {height:420px; text-align:center; background:url(../pic/bg-tryme.jpg?t=20150408) no-repeat;}
.grid-tryme .header {margin:100px 0  60px 440px;}
.grid-tryme .header h4 {font-size:30px; line-height:40px; margin-bottom:10px;}
.grid-tryme .header h5 {font-size:24px; line-height:40px;}
.grid-tryme .op {margin:0 0 0 440px;}
.grid-tryme .download {display:block; width:200px; height:20px; margin:0 auto; line-height:20px; padding:10px 0; font-size:14px; background:#e9b700; text-align:center; color:#fff;}
.grid-tryme .download:hover {background:#ff4b00; color:#fff !important;}

/* theator foreshow */
.grid-foreshow .grid-title {color:#fff; font-size:30px; line-height:40px; text-align:center; margin:10px 0 20px;}
.grid-foreshow .showlist {width:60%; margin:0 auto;}
.grid-foreshow .showlist li {margin:0 0 0 10px; padding:10px; border-top:1px dashed #ccc;}
.grid-foreshow .showlist li:first-child {border-top:0;}
.grid-foreshow .showlist li h5 {font-size:14px; color:#fff;}
.grid-foreshow .showlist li .date {font-size:14px; color:#e9b700; margin-right:10px;}

/* tech feature */
.t-f-panel {margin-bottom:1px;}
.t-f-panel-title a {display:block; height:20px; line-height:20px; padding:10px; border-left:5px solid #333; background:#333; font-size:16px; color:#fff;}
.t-f-panel-active .t-f-panel-title a {border-left-color:#e9b700; background-color:#ededed; color:#555;}
.t-f-panel-content {padding:15px 10px 10px; border-top:1px solid #333; background-color:#ededed; color:#555;}

.grid-hires .quote {margin:15px 50px; background:#fff; padding:20px; border:2px solid #fff; cursor:default; -webkit-transition:border-color .2s ease-in;}
.grid-hires .quote:hover {border-color:#e9b700;}
.grid-hires .quote blockquote {width:100%; margin:0 auto 10px; font-size:20px; line-height:30px; text-align:center;}
.grid-hires .quote blockquote i {display:inline-block; width:30px; height:30px; background:url(../pic/quote.png?t=20150408) no-repeat; overflow:hidden; vertical-align:-7px; *vertical-align:middle;}
.grid-hires .quote blockquote i.l {background-position:0 0; margin-right:10px;}
.grid-hires .quote blockquote i.r {background-position:-30px 0; margin-left:10px;}
.grid-hires .quote cite {display:block; width:100%; margin:0 auto 20px; font-size:14px; text-align:right; color:#777;}
.grid-hires .quote .extend {border-top:1px dashed #ccc; padding-top:10px;}
.grid-hires .quote p {color:#777;}

/* tech software */
.grid-software .page .block {margin-bottom:50px;}
.grid-software .page h4 {font-size:18px; margin-bottom:15px; border-left:7px solid #e9b700; padding-left:10px;}
.grid-software .page p {font-size:14px; margin-bottom:5px; padding-left:20px;}

/* tech device */
.t-d-list {float:left; width:480px;}
.t-d-list-l {}
.t-d-list h4 {font-size:22px; line-height:30px; margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #ccc;}
.t-d-list li {float:left; width:210px; padding:5px; margin:10px; background:#fff;}
.t-d-list li:hover img {opacity:.8;}
.t-d-list .pd_img {width:200px; height:134px; margin-bottom:15px; overflow:hidden;}
.t-d-list .pd_img img {-webkit-transition:all .2s ease-in;}
.t-d-list .pd_info, .t-d-list .bar {padding:5px;}
.t-d-list .pd_info h5 {font-size:16px; color:#555;}
.t-d-list .pd_info p {color:#777;}
.t-d-list .pd_info .newicon {display:inline-block; margin-left:5px; padding:0 5px; border-radius:4px; font-size:12px; line-height:18px; background-color:#e67f41; color:#fff;}
.t-d-list .bar .price {float:left; font-size:18px; line-height:28px; color:#e9b700;}
.t-d-list .bar .price dfn {font-size:12px; margin-right:3px; font-style:normal;}
.t-d-list .bar .btn {float:right; width:78px; padding:4px 0; border:1px solid #e9b700; background:#e9b700; color:#fff; text-align:center; cursor:default;}
.t-d-list .bar .btn:hover {background:#fff; border-color:#e9b700; color:#e9b700;}

/* table */
.table{min-width:200px; width:100%;}
.table th, .table td{padding:8px; line-height:20px; font-size:14px; text-align:left; vertical-align:top; border-top:1px dotted #ddd; word-break:break-all; word-wrap:break-word;}
.table th span, .table td span{font-size:inherit}
.table th{vertical-align:bottom; background-color:#f2f2f2; font-weight:bold}
.table tr:hover{background-color:#f5f5f5}
.table tr:first-child th, .table tr:first-child td{border-top:0}
.table-striped tr:nth-child(odd) > td,.table-striped > tr:nth-child(odd) > th{background-color:#f5f5f5;}
.table-bordered{border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse;}
.table-wrap {overflow-x:auto;}
.table-border-right th, .table-border-right td {border-right:1px solid #e3e6e8;}
.table-border-right tr th:last-child, .table-border-right tr td:last-child {border-right:0;}

/*==================================================================
* @name    :Audio
* @author  :zhao.liu
* @version :2014-05
==================================================================*/
.nodata{text-align: center;font-size: 14px;}
.field{width:60px; text-align: right;float:left;line-height: 30px;}
.formfield{margin-left:60px;}
.formbutton{text-align: center;}

.audiojs audio { position: absolute; left: -1px; padding: 0}
.audiojs {height:40px; background: #404040; overflow: hidden; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444)); background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);}
.audiojs .play-pause { width: 25px; height: 32px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-left: 1px solid #000; }
.audiojs p { display: none; width: 25px; height: 32px; margin: 0px; cursor: pointer; }
.audiojs .play { display: block; }
.audiojs .file {float:left; width:293px; font-size:14px; margin:10px 0 10px 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.audiojs .scrubber { position: relative; float: left; width: 150px; background: #5a5a5a; height: 19px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; }
.audiojs .progress { position: absolute; top: 0px; left: 0px; height: 19px; width: 0px; background: #e9b700; z-index: 1;}

.audiojs .loaded {position: absolute; top: 0px; left: 0px; height: 19px; width: 0px; background:#bbb;}
.audiojs .time {float: left; height: 40px; line-height: 40px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); }
.audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }
.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
.audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }
.audiojs .play { background:url(../pic/ic-play.png?t=20150408) no-repeat 2px 6px;}
.audiojs .pause { background: url(../pic/ic-pause.png?t=20150408) no-repeat 2px 6px;}
.audiojs .loading { background: url(../images/player-graphics.gif) -2px -31px no-repeat; }
.audiojs .error { background: url(../images/player-graphics.gif) -2px -61px no-repeat; }
.playing .play, .playing .loading, .playing .error { display: none; }
.playing .pause { display: block; }
.loading .play, .loading .pause, .loading .error { display: none; }
.loading .loading { display: block; }
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
.error .error { display: block; }
.error .play-pause p { cursor: auto; }
.error .error-message { display: block; }