.main{ width: 1000px; margin: 30px auto 120px; overflow: hidden;}
/*头部图片*/
.part1{ width: 100%; height: 250px; background: url(../img/topimg.jpg) no-repeat top center;}

/*左边*/
.part_l{ width: 660px;}
.part_title{ width: 100%; height: 42px; background-repeat: no-repeat; background-position: left top; border-bottom: 1px solid #e2e2e2; margin-bottom: 27px;}
.part_t1{ background-image: url(../img/t1.png);}
.part_t2{ background-image: url(../img/t3.png);}
.part_t3{ background-image: url(../img/t4.png);}
.part_t4{ background-image: url(../img/t5.png);}
.part_t5{ background-image: url(../img/t6.png);}
.part_list{ width: 100%; overflow: hidden;}
.part_list ul{ width: 110%;}
.part_list li{ float: left; position: relative; width: 150px; height: 200px; overflow: hidden; margin-right: 20px; cursor: pointer;}
.part_list li img{ width: 150px; height: 150px;}
.part_list li .part_mask{ position: absolute; bottom:50px; left: 0; width: 100%; height: 0; background: url(../img/player.png) no-repeat center center rgba(0,0,0,0.50); -webkit-transition: height .5s;-moz-transition: height .5s;-o-transition: height .5s; transition: height .5s; cursor: pointer;}
.part_list li:hover .part_mask{ height: 150px;}
.part_list li .part_infor{ height: 50px; background-color: #f2f2f2; padding: 0 10px; text-align: center;}
.part_list li .part_infor h3{ font-size: 14px; color: #666; line-height: 22px;}
.part_list li .part_infor p{ color: #808080; font-size: 12px;}

/*右边*/
.part_r{ width: 310px;}
.part_t6{ background-image: url(../img/t2.png);}
.part_stlist li{ width: 100%; height: 120px; background-color: #f2f2f2; margin-bottom: 20px; cursor: pointer;}
.part_stlist li .part_img{ width: 165px; height: 120px; background-color: #FFF; text-align: center; overflow: hidden;}
.part_stlist li img{ height: 100%; }
.part_stlist li .infor{ width: 120px; padding:20px 10px 20px 0;}
.part_stlist li .infor h3{ font-size: 16px; color: #666; line-height: 30px;}
.part_stlist li .infor p{ font-size: 14px; color: #808080; line-height: 24px;}

/*播放器*/
.audio-box{ position: fixed; bottom: 0; z-index: 9; width: 100%; height: 74px; background: url(../img/audiobg.jpg) repeat-x bottom center;}
.mp{ position: relative; width: 1000px; height: 100%; margin: 0 auto; color: #FFF;}
.mp-box{ padding: 0 10px; overflow: hidden;}
.mp-btn{ float: left; margin-top: 12px; margin-right: 40px;}
.mp button {border: none;outline: none;	cursor: pointer; background-color: transparent; vertical-align: middle;}
.mp-btn .mp-prev{ width: 36px; height: 36px; background: url(../img/button.png) no-repeat -36px 0; margin-right: 15px;}
.mp-btn #play{width: 48px; height: 48px; background: url(../img/button.png) no-repeat 0 -36px; margin-right: 15px;}
.mp-btn #play.mp-play{ background: url(../img/button.png) no-repeat -48px -36px;}
.mp-btn .mp-next{ width: 36px; height: 36px; background: url(../img/button.png) no-repeat 0 0;}
.mp-img{ float: left; width: 48px; height: 49px; background: url(../img/fmbg.png) no-repeat top center; margin-top: 13px; margin-right: 20px;}
.mp-cover{ width: 46px; height: 46px; margin: 1px; border-radius: 2px; overflow: hidden;}
.mp-play-info{ float: left; height: 49px; position: relative;margin-top: 13px; margin-right: 10px;}
.mp-info{ height: 24px; font-size: 14px; line-height: 24px;}
.mp-name{ margin-right: 10px;}
.mp-singer{ color: #b2b2b2;}
.mp-pro { position: relative; width: 558px;height: 20px;cursor: pointer; background: url(../img/audioline.png) no-repeat left center; margin-top: 4px;}
.mp-pro-current{ position: absolute; left: 0; top: 0; z-index: 2; margin-left: -10px; height: 18px; width: 20px; min-width: 20px; background: url(../img/audiol.png) no-repeat right top;}
.mp-time{ float: left; font-size: 12px; color: #808080; margin-top: 40px;}
.mp-time-current{ color: #b2b2b2;}
.mp-list-toggle{ float: right; width: 28px;height: 25px; background: url(../img/button.png) no-repeat -72px 0; margin-top: 25px;}
.mp-list-box{ position: absolute; bottom: 74px; right: 0; width: 558px; height:0; -webkit-transition: height .5s;-moz-transition: height .5s;-o-transition: height .5s; transition: height .5s; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden;}
.mp-list-show{ height: 300px;}
.mp-list-box .mp-title{height: 50px; background-color: #1e1e1e; padding: 0 20px 0 50px; border-bottom: 1px solid #656565;}
.mp-list-box .mp-title p{ float: left; font-weight: bold; font-size: 16px; color: #d9d9d9; line-height: 50px;}
.mp-list-box .mp-title .mp-close{ float: right;width: 24px; height: 24px; background: url(../img/button.png) no-repeat -96px -48px; margin-top: 13px; cursor: pointer;}
.mp-list-box .mp-list{ position: relative; height: 219px; padding: 15px 0; overflow: auto; background-color: rgba(0,0,0,0.80);}
.mp-list-box .mp-list li{ list-style: none; padding: 0 20px 0 50px; font-size: 14px; margin: 10px 0; cursor: pointer;}
.mp-list-box .mp-list li:first-child{ margin-top: 0;}
.mp-list-box .mp-list li span{ display: inline-block; vertical-align: bottom;}
.mp-list-box .mp-list li .mp-list-time{ width: 100px; color: #e5e5e5;}
.mp-list-box .mp-list li .mp-list-radio{ margin-right: 20px;}
.mp-list-box .mp-list li .mp-list-item{ max-width: 160px; color: #b2b2b2;}
.mp-list-box .mp-list li .mp-list-state,.mp-list-box .mp-list li .mp-list-back{ float: right;}
.mp-list-box .mp-list li.on{background: url(../img/audioplay.png) no-repeat 20px center;}
.mp-list-box .mp-list li.on,.mp-list-box .mp-list li.on .mp-list-time,.mp-list-box .mp-list li.on .mp-list-item{ color: #ff2626 !important; }
.mp-list-box .mp-list li .mp-list-back{ border: 1px solid #b2b2b2; border-radius: 10px; padding: 1px 5px; color: #b2b2b2; margin-top:-2px;}

/*滚动*/
.part_btn{ float: right;}
.part_btn a{ display: inline-block; width: 38px; height: 38px; cursor: pointer;}
.part_btn a.next{ background: url(../img/right.png) no-repeat center center;}
.part_btn a.prev{ background: url(../img/left.png) no-repeat center center;}