@charset "utf-8";
/* CSS Document */

body {background:#07080c; color:#c2c2c2;}
img {max-width:100%;}
.page_header {background:#2f2f2f; color:#b48944; width:100%;}
.page_headerFixed {position:fixed; top:0; left:0; z-index:8;}
.page_logo {float:left; height:50px;}
.page_logo a {display:block; background:url(images/ws_logo.png) no-repeat center center; width:80px; height:50px; padding:0 15px; overflow:hidden; text-indent:-99999px;}
.page_logo a:hover {background-color:#3f3f3f;}
.page_nav {float:right;}
.page_menu {float:left;}
.page_menu li {float:left;}
.page_menu li a {display:block; color:#b48944; padding:10px 20px 10px 45px; height:30px; font-size:14px; line-height:30px; background:url(images/iconImg.png) no-repeat 10px 0;}
.page_menu li a.i2 {background-position:8px -50px;}
.page_menu li a.i3 {background-position:10px -100px;}
.page_menu li a:hover,.page_menu li.curr a {background-color:#3f3f3f; color:#eaba6c; text-decoration:none;}
.top_social {float:right;}
.top_social a {display:block; float:left; width:50px; height:50px;overflow:hidden; text-indent:-99999px; background:url(images/iconImg.png) no-repeat;}
.top_social a.tw {background-position:10px -150px;}
.top_social a.fb {background-position:10px -200px;}
.top_social a.gg {background-position:10px -250px;}
.top_social a:hover {background-color:#3f3f3f;}
@media (max-width: 979px) {
	.page_nav {width:620px;}
	.page_menu {width:470px;}
	.page_menu li {width:33.3%;}
	.page_menu li a {font-size:12px;line-height:1.2em;padding:10px 0 10px 45px;}
	.top_social {width:150px;}
}

.img_bg {background:url(images/bg.jpg) repeat-y center 0;}
.page_banner {background:url(images/banner.jpg) no-repeat center 0; height:1050px; text-align:center;}
.page_banner h1 {display:none;}
.page_banner .pic {display:none;}

.page_banner3 {background:url(images/banner3.jpg) no-repeat center 0; height:670px;}
.page_banner3 h1 {display:none;}
.page_banner3 .pic {display:none;}
.page_banner3 p {padding:300px 0 0 500px; color:#f9b50e; font-size:18px; font-style:italic;}
@media (max-width: 979px) {
	.page_banner {background:none; height:auto;}
	.page_banner .pic {display:block;}
}

.btnBuy_win,.btnBuy_mac {display:block; width:200px; background:url(images/iconImg2.png) no-repeat 92% 15px; padding:15px 30px; color:#fff; font-size:24px; line-height:1.4em; border-radius:5px; border:solid 1px #cf392e; color:#fb6d61;}
.btnBuy_mac {background-position:92% -70px;}
.btnBuy_win:hover,.btnBuy_mac:hover {text-decoration:none; background-position:92% -160px; background-color:#cf392e; color:#fff;}
.btnBuy_mac:hover {background-position:92% -245px;}

hr {border-bottom:1px solid #5a3700; margin:20px 0 40px 0;}
hr.line {border-bottom:5px solid #fc9f0c; width:100px; margin:20px 0 0 0;}
.music_list {position:relative; z-index:1;}
.music_list .column {font-size:48px; line-height:1.2em; color:#fb9f1a; margin-bottom:80px;}
.music_list .column span {font-size:24px; line-height:1.2em; color:#d93b30;}
.music_list .listBox {float:left; width:60%; margin:0 0 40px 0;}
.music_list .listBox .list {padding:0 0 40px 0;}
.music_list .listBox .list a {display:block; color:#c2c2c2;}
.music_list .listBox .list a:hover,.music_list .listBox .list.curr a {text-decoration:none; background:url(images/bg_tm.png) repeat;}
.music_list .listBox .list .pic {float:left; width:200px; height:95px; overflow:hidden; position:relative; z-index:1;}
.music_list .listBox .list .pic img {width:100%;}
.music_list .listBox .list .play {display:block; background:url(images/playImg.png) no-repeat 0 0; width:40px; height:40px; position:absolute; z-index:1; top:50%; left:50%; margin:-20px 0 0 -20px;}
.music_list .listBox .list .pic:hover .play {background-position:0 -60px;}
.music_list .listBox .list .num {float:left; width:70px; margin:0 0 0 38px; padding:10px 0; font-size:48px; line-height:1.2em; color:#fff; border-bottom:solid 1px #1c5f76; text-align:center;}
.music_list .listBox .list .info {padding:0 0 0 340px}
.music_list .listBox .list .song {font-size:18px; line-height:1.2em; color:#fca119; font-weight:bold; padding:15px 0 5px 0;}
.music_list .listBox .list .singer { font-size:14px; line-height:1.2em;}
.music_list .listBox .list.curr .pic {display:none;}
.music_list .listBox .list.curr .num {margin:0 0 0 20px;}
.music_list .listBox .list.curr .info {padding:10px 0 0 110px;}
.music_list .listBox .list .video-play {padding:20px;}
.music_list .proBox {float:right; width:35%; padding:0 0 20px 3%; margin-bottom:30px;border-left:1px solid #5a3700;}
.music_list .proBox .title {font-size:26px; line-height:1.2em; color:#fb9f1a; padding-bottom:20px;}
.music_list .proBox .pic {float:left; width:150px; position:relative; z-index:1; padding:20px 0;}
.music_list .proBox .off {position:absolute; z-index:2; bottom:0; left:0;}
.music_list .proBox .info {padding:20px 0 20px 160px;}
.music_list .proBox .info p {line-height:1.2em;}
.music_list .proBox .name {color:#fff; font-size:22px; line-height:1.2em; padding:10px 0;}
.music_list .proBox .name a {color:#fff;}
.music_list .proBox .btn {padding:20px 0 0 0; overflow:hidden; clear:both;}
.music_list .proBox .btn a {float:left;}
.music_list .proBox .other_btn {padding:10px 0;}
.music_list .proBox .other_btn a { color:#fecf74; font-size:14px; text-decoration:underline;}
.music_list .proBox .price {padding:0 0 0 280px;}
.music_list .proBox .price big {display:block; font-size:24px;line-height:1.2em; color:#fb6d61; padding:0 0 5px 0;}
.music_list .proBox .price del {color:#666; font-size:20px;line-height:1.2em;}
.music_list .proBox .btn_try {color:#fecf74; text-decoration:underline;}
.music_list .other_more {clear:both; padding:20px 0;border-top:1px solid #5a3700;}
.music_list .other_more a {color:#fca219; font-size:24px; line-height:1.2em; text-decoration:underline;}
.fixde_side {position:absolute; z-index:2; top:0; left:50%; margin-left:-800px; width:160px; height:1750px; background:url(images/dot_line.png) repeat-y center 0; color:#fffce5;}
.fixde_side .m1 {background:url(images/hj1.png) no-repeat center 0 #07080c; font-size:14px; line-height:1.2em; padding:140px 0 12px 0; text-align:center; position:absolute; z-index:3; top:-120px; left:0;}
.fixde_side .m2 {background:url(images/hj2.png) no-repeat center 0; font-size:14px; line-height:1.2em; width:160px; padding:180px 0 10px 0; text-align:center; position:absolute; z-index:3; bottom:-180px; left:0;}

.page_banner2 {background:url(images/banner2.jpg) no-repeat center 0; height:300px; padding:320px 0 0 0;}
.page_banner2 h4 {color:#80602d; font-size:20px; line-height:1.2em; padding:5px 0 0 260px;}
.page_banner2 h4 a {color:#80602d; text-decoration:underline;}
.page_banner2 h4 a:hover {color:#fca219;}

.topSongs_column {text-align:center; padding:100px 0 80px 0;}
.topSongs_column h3 {font-size:48px; line-height:1.2em; color:#fb9f1a; font-weight:bold; font-style:italic; }
.topSongs_column p {line-height:1.4em; color:#80602d;padding:20px 15% 40px 15%;}
.topSongs_column .line {margin:0 auto;}
.topSongCont {margin:0 20px; background:url(images/bg_tm.png);}
.topSongCont a {color:#fb9f1a; text-decoration:underline;}
.topSongCont .playBox {float:left; width:60%; padding:20px 0;}
.topSongCont .playBox .mv_num {float:left; width:70px; padding:20px 0 0 25px; color:#fb9f1a; font-size:48px; line-height:1.2em; font-weight:bold; font-style:italic;}
.topSongCont .playBox .mv_info {padding:20px 20px 20px 110px;}
.topSongCont .playBox .mv_info .name {font-size:20px; line-height:1.2em; color:#fb9f1a; font-weight:bold; padding:5px 0;}
.topSongCont .playBox .mv_info .txt {padding:5px 0;}
.topSongCont .playBox .mv_info .txt p {line-height:1.4em;}
.topSongCont .playBox .mv_play {padding:0 20px;}
.topSongCont .songList {float:right; width:40%; background:url(images/bg_tm.png);}
.topSongCont .songList .column {padding:40px 20px 20px;}
.topSongCont .songList .column .title {font-size:20px; line-height:1.2em; color:#fb9f1a;}
.topSongCont .songList .column p {line-height:1.2em; padding:10px 0 20px 0; border-bottom:solid 1px #614110;}
.topSongCont .songList .list_cont {overflow:auto; height:460px; color:#c2c2c2;}
.topSongCont .songList .list_cont .pic {float:left; width:120px; padding:5px;}
.topSongCont .songList .list_cont .pic span {display:block; float:left; width:85px;}
.topSongCont .songList .list_cont .pic strong {display:block; padding:0 0 0 95px; width:25px; font-size:18px; line-height:1.2em; font-style:italic; text-align:center; color:#c2c2c2;}
.topSongCont .songList .list_cont .info {padding:0 0 0 140px; color:#8f8f8f; font-size:12px;}
.topSongCont .songList .list_cont .name { font-size:14px; line-height:1.2em; padding:4px 0; color:#c2c2c2;}
.topSongCont .songList .list_cont li a {display:block;overflow:hidden; padding:15px 10px 15px 20px; text-decoration:none;}
.topSongCont .songList .list_cont li a.curr,.topSongCont .songList .list_cont li a:hover {text-decoration:none; background:#1f1f1f;}
.topSongCont .songList .btn_more {padding:10px 20px 30px 20px; font-size:14px; color:#fb9f1a;}

.downProBox {background:#1b1b1b; padding:20px 40px 40px 40px; margin-bottom:50px;}
.downProBox .column {color:#bc945b; font-size:30px; line-height:1.2em; padding:20px 0; margin-bottom:10px; border-bottom:solid 1px #614110; position:relative; z-index:1;}
.downProBox .column .off {position:absolute; z-index:2; top:100%; right:20px;}
.downProBox .proInfo {float:left; width:560px; padding:15px 0; color:#80602d;}
.downProBox .pic {float:left; width:90px; padding:15px 10px;}
.downProBox .info {padding:0 20px 0 120px;}
.downProBox .name {color:#eaba6c; font-size:24px; line-height:1.2em; padding:10px 0;}
.downProBox .name a {color:#eaba6c;}
.downProBox .btn {padding:20px 0 0 560px; height:65px;}
.downProBox .btn a {float:left;}
.downProBox .price {padding:0 0 0 280px;}
.downProBox .price big {display:block; font-size:24px;line-height:1.2em; color:#fb6d61; padding:0 0 5px 0;}
.downProBox .price del {color:#666; font-size:20px;line-height:1.2em;}

.bottom_comm {background:#f2f2f2; color:#666; padding:60px 0;}
.bottom_comm .title {font-size:24px; line-height:1.2em; color:#333; padding:10px 0;}
.bottom_comm .info {padding:10px 0;}
.bottom_comm .comment {padding:20px 0 0 0;}

.deals_column {padding:30px 0; text-align:center; font-size:24px; line-height:1.2em; font-style:italic; font-weight:bold; color:#00bab4;}
.deals_column hr.line { border-bottom:5px solid #00bab4; margin:0 auto; margin-top:40px;}

.deals_proBox {margin:30px 0 0 0; padding:20px 0; position:relative; z-index:1;}
.deals_proBox .line_s {width:3px; height:100%; background:#898e97; position:absolute; z-index:2; top:0; left:50%; margin-left:-1.5px;}
.deals_proBox .column {position:relative; z-index:3; text-align:center; padding:30px 0;}
.deals_proBox .column .title {font-size:32px; line-height:1.2em; padding:20px 40px; background:#460606; color:#f7cb02;}
.deals_proBox .column .timeIcon {display:block; position:absolute; z-index:4; top:200%; left:50%; margin-left:-40px; background:url(images/pimg.png) no-repeat center center; width:80px; height:80px;}
.deals_proBox .title {padding:20px 3%;font-size:26px; line-height:1.2em; color:#00bab4;}
.deals_proBox .title hr.line { border-bottom:5px solid #00bab4;}
.deals_proBox .proBox {padding:0 0 60px 0;}
.deals_proBox .proCon {float:left; width:40%; padding-left:3%;}
.deals_proBox .proCon .pic {float:left; width:150px; position:relative; z-index:1; padding:20px 0;}
.deals_proBox .proCon .off {position:absolute; z-index:2; bottom:0; left:0;}
.deals_proBox .proCon .info {padding:20px 0 20px 160px; color:#7f8d8d;}
.deals_proBox .proCon .info p {line-height:1.2em;}
.deals_proBox .proCon .name {color:#7f8d8d; font-size:22px; line-height:1.2em; padding:10px 0;}
.deals_proBox .proCon .name a {color:#7f8d8d;}
.deals_proBox .proCon .btn {padding:20px 0 0 0; overflow:hidden; clear:both;}
.deals_proBox .proCon .btn a {float:left;}
.deals_proBox .proCon .other_btn {padding:10px 0;}
.deals_proBox .proCon .other_btn a { color:#7f8d8d; font-size:14px; text-decoration:underline;}
.deals_proBox .proCon .price {padding:0 0 0 280px;}
.deals_proBox .proCon .price big {display:block; font-size:24px;line-height:1.2em; color:#fb6d61; padding:0 0 5px 0;}
.deals_proBox .proCon .price del {color:#666; font-size:20px;line-height:1.2em;}
.deals_proBox .proCon .other_pro {padding:40px 0 0 0;}
.deals_proBox .proCon .other_pro .title {font-size:16px; line-height:1.2em; font-weight:bold; color:#7f8d8d; padding:0;}
.deals_proBox .re_pro {float:right; width:40%; padding:10px 3% 0 0;}
.deals_proBox .re_pro .title {font-size:18px; line-height:1.4em; font-weight:bold; color:#00bab4; padding:20px 0;}
.deals_proBox .re_pro ul {overflow:hidden; padding:20px 0;}
.deals_proBox .re_pro ul li {float:left; width:30.3%; padding:1.5%;}
.deals_proBox .re_pro ul li a {color:#95a5a6; text-align:center;}
.deals_proBox .re_pro ul li a strong {display:block; padding:0 25%;}
.deals_proBox .re_pro ul li a span {display:block; font-size:16px; line-height:1.2em; padding:10px 0;}

.deals_info {text-align:center; color:#00bab4; font-size:18px; border-bottom:solid 1px #bfbfbf;}
.deals_info .top {font-size:34px; padding-bottom:50px;}
.deals_info .top .timeIcon {display:block;background:url(images/pimg.png) no-repeat center center; width:80px; height:80px; margin:0 auto;}
.deals_info hr.line { border-bottom:5px solid #00bab4; margin:0 auto; margin-top:40px;}
.deals_info p {padding:10px 25%; font-style:italic; line-height:2.5em; font-weight:300;}
.deals_info p span {font-size:26px;}
.deals_info .bottom {background:url(images/yuan_bg.png) no-repeat center bottom; min-height:260px; margin-top:40px;}
.deals_info .bottom h3 {font-size:40px; line-height:1.4em; font-style:italic; font-weight:bold; color:#fbb61a; padding-top:100px;}

.deals_more {padding:50px 0;}
.deals_more .column {text-align:center; font-size:24px; line-height:1.2em; font-style:italic; font-weight:bold; color:#00bab4; padding:50px 0 40px 0;}
.deals_more .proCon {float:left; width:50%; padding:30px 0;}
.deals_more .proCon .title {padding:20px 0;font-size:26px; line-height:1.2em; color:#00bab4;}
.deals_more .proCon .title hr.line { border-bottom:5px solid #00bab4;}
.deals_more .proCon .pic {float:left; width:150px; position:relative; z-index:1; padding:20px 0;}
.deals_more .proCon .off {position:absolute; z-index:2; bottom:0; left:0;}
.deals_more .proCon .info {padding:20px 20px 20px 160px; color:#7f8d8d;}
.deals_more .proCon .info p {line-height:1.2em; padding-right:10%;}
.deals_more .proCon .name {color:#7f8d8d; font-size:22px; line-height:1.2em; padding:10px 0;}
.deals_more .proCon .name a {color:#7f8d8d;}
.deals_more .proCon .btn {padding:20px 0 0 0; overflow:hidden; clear:both;}
.deals_more .proCon .btn a {float:left;}
.deals_more .proCon .other_btn {padding:10px 0;}
.deals_more .proCon .other_btn a { color:#7f8d8d; font-size:14px; text-decoration:underline;}
.deals_more .proCon .price {padding:0 0 0 280px;}
.deals_more .proCon .price big {display:block; font-size:24px;line-height:1.2em; color:#fb6d61; padding:0 0 5px 0;}
.deals_more .proCon .price del {color:#666; font-size:20px;line-height:1.2em;}
.deals_more .proCon .other_pro {padding:40px 0 0 0;}
.deals_more .proCon .other_pro .title {font-size:16px; line-height:1.2em; font-weight:bold; color:#7f8d8d; padding:0;}

.page_footer {text-align:center; color:#80602d; padding:20px 0;}

.featImgSlide {position:relative; z-index:1;}
.flex-direction-nav {width:100%;}
.flex-direction-nav a {display:block; color:#fff; width:60px; height:100px; background:url(images/direction.png) no-repeat 0 0; overflow:hidden; text-indent:-99999px; position:absolute; top:120px; left:-40px; opacity:0.5;}
.flex-direction-nav a.flex-next {background-position: right 0; left:auto; right:-70px;}

.addthis_floating_style{ position:absolute !important; border:1px solid #dbdbdb; border-radius:5px; padding:10px 6px 15px !important; background:#fff; z-index:10 !important; width:60px; top:0; left:50%; margin-left:620px;}
.addthis_floatingFix_style{ position:fixed; border:1px solid #dbdbdb; padding:10px 6px 15px !important; background:#fff; z-index:10 !important;}
@media (max-width: 979px) {
	.addthis_floating_style,.addthis_floatingFix_style{ display:none !important}
}

/*Black Friday csss*/
body.blackFriday {background:url(images/blackFriday__bg.jpg) repeat center 0 #000;}
.page_banner4 {background:url(images/blackFriday_topbg.png) no-repeat center 0; min-height:600px;}
.page_banner4 h1 {display:none;}
.page_banner4 .pic { text-align:center; padding-top:80px;}
.page_banner4 p {padding:10px; color:#f9b50e; font-size:18px; font-style:italic;text-align:center;}
.blackFriday_deals_info {border-bottom:solid 1px #00bab4;}
.blackFriday_bottom {background:url(images/blackFriday_yuan_bg.png) no-repeat center bottom; min-height:260px; margin-top:40px;}
.blackFriday_bottom h3 {font-size:40px; line-height:1.4em; font-style:italic; font-weight:bold; color:#fbb61a; padding-top:100px;}

.blackFriday2 {background:#f6f6f6;}
.blackFriday2 .column .timeIcon,.blackFriday2 .top .timeIcon { background-image:url(images/blackFriday2_pimg.png);}
.blackFriday2 .column .title {background:#fff; border:solid 2px #00bab4; color:#d31000;}
.blackFriday2 .line_s {background:#00bab4;}
.blackFriday2 .blackFriday_bottom {background:url(images/blackFriday2_yuan_bg.png) no-repeat center bottom;}
.page_banner5 {background:url(images/blackFriday2_topbg.png) no-repeat center 0; min-height:600px;}
.page_banner5 h1 {display:none;}
.page_banner5 .pic {text-align:center; padding-top:80px;}
.page_banner5 p {padding:10px; color:#f9b50e; font-size:18px; font-style:italic;text-align:center;}