.picBox .audio-box{position:relative;float:left;overflow:hidden;margin-top:3px;margin-right:16px;margin-bottom:16px;width:288px;height:138px;background:#fff}.picBox .audio-box .audios{display:inline-block;width:288px;height:96px;background:#fffff}.picBox .audio-box .icon-bofang{float:left;display:block;margin-top:27px;margin-left:27px;width:51px;height:51px;background:url(../images/audio.png) -14px -16px no-repeat;cursor:pointer}.picBox .audio-box .icon-bofang.on{background-position:-85px -16px}.picBox .audio-box .title{float:left;display:block;overflow:hidden;margin-top:27px;margin-left:22px;width:165px;height:50px;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:50px}.picBox .audio-box:hover .title{height:31px;line-height:19px}.picBox .audio-box .collect{float:left;display:none;margin-left:10px;width:29px;height:29px;border:1px solid #e5e5e5;-webkit-border-radius:2px;border-radius:2px;background:url(../images/video.png) -12px 5px no-repeat #fff;cursor:pointer}.picBox .audio-box:hover .collect{display:block}.picBox .audio-box .c-chose{background:url(../images/video.png) -13px -37px no-repeat #fff}.picBox .audio-box .down{float:left;display:none;margin-left:23px;width:90px;height:31px;-webkit-border-radius:2px;border-radius:2px;background:#f60;color:#fff;font-size:14px;line-height:31px;cursor:pointer}.picBox .audio-box:hover .down{display:block}.picBox .audio-box .down:hover{background:#fe935f}.picBox .audio-box .down i{display:inline-block;margin-right:3px;margin-left:3px;width:20px;height:30px;background:url(../images/video.png) -17px -77px no-repeat;vertical-align:-9px}.picBox .audio-box .times{display:inline-block;width:288px;height:30px}.picBox .audio-box .info{float:left;display:block;width:207px;height:100px}.picBox .audio-box .star-time{float:left;display:block;width:64px;height:23px;color:#696969;text-align:right;font-size:14px;line-height:23px}.picBox .audio-box .time-bar{position:relative;z-index:1;float:left;display:block;overflow:hidden;width:164px;height:24px;background:#bfbfbf;cursor:pointer}.picBox .audio-box .time-bar .progressBar{position:absolute;left:0;z-index:3;width:100%;height:100%;background:url(../images/audio.png) no-repeat -180px -30px}.picBox .audio-box .time-bar .move-color{position:absolute;top:0;left:0;z-index:2;display:block;width:0;height:24px;height:100%;background-color:#f60}.picBox .audio-box .time-bar .timeTip{position:absolute;top:5px;left:0;z-index:3;width:40px;color:#0099e5;text-align:center;font-size:12px}.picBox .audio-box .end-time{float:left;display:block;width:40px;color:#696969;font-size:14px;line-height:23px}.showPic .guangp{position:relative;display:inline-block;padding-top:80px;padding-bottom:70px;width:355px;height:321px;text-align:center}.showPic .guangp .guxz{display:inline-block;width:359px;height:359px;background:url(../images/2.png)}.showPic .guangp .dy{position:absolute;top:71px;right:-109px;width:85px;height:82px;background:url(../images/1.png) no-repeat -356px -18px}.showPic .guangp .xy{position:absolute;top:71px;right:-108px;z-index:3;width:85px;height:85px;background:url(../images/1.png) no-repeat -450px -18px}.showPic .guangp .gp{position:absolute;top:115px;right:-70px;width:173px;height:272px;background:url(../images/1.png) no-repeat -350px -138px;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-webkit-transform:rotate(-32deg);-ms-transform:rotate(-32deg);transform:rotate(-32deg);-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.showPic .guangp .imgs{-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-webkit-transform:rotate(-32deg);-ms-transform:rotate(-32deg);transform:rotate(-32deg);-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.showPic .guangp .gp.skewing{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.showPic .guangp .xuanz{-webkit-animation:circleRoate 200s;animation:circleRoate 200s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.showPic .audio-box{margin-bottom:35px;width:780px;height:100px;border-bottom:1px solid #c9c9c9;background:#fff}.showPic .audio-box .icon-bofang{float:left;display:block;margin-left:40px;width:51px;height:51px;background:url(../images/audio.png) -14px -16px no-repeat;cursor:pointer}.showPic .audio-box .icon-bofang.on{background-position:-85px -16px}.showPic .audio-box .times{display:inline-block;width:288px;height:30px}.showPic .audio-box .info{float:left;display:block;width:207px;height:100px}.showPic .audio-box .star-time{float:left;display:block;margin-left:17px;width:59px;height:51px;color:#696969;text-align:center;font-size:20px;line-height:51px}.showPic .audio-box .time-bar{position:relative;z-index:1;float:left;display:block;overflow:hidden;margin-top:5px;width:527px;height:41px;background:#bfbfbf;cursor:pointer}.showPic .audio-box .time-bar .progressBar{position:absolute;left:0;z-index:3;width:100%;height:100%;background:url(../images/audio.png) no-repeat -16px -83px}.showPic .audio-box .time-bar .move-color{position:absolute;top:0;left:0;z-index:2;display:block;width:0;height:24px;height:100%;background-color:#f60}.showPic .audio-box .time-bar .timeTip{position:absolute;top:5px;left:0;z-index:3;width:40px;color:#0099e5;text-align:center;font-size:12px}.showPic .audio-box .end-time{float:left;display:block;width:52px;height:51px;color:#696969;font-size:20px;line-height:51px}@-webkit-keyframes circleRoate{from{-webkit-transform:rotate(0) infinite;transform:rotate(0) infinite}to{-webkit-transform:rotate(7600deg);transform:rotate(7600deg)}}@keyframes circleRoate{from{-webkit-transform:rotate(0) infinite;transform:rotate(0) infinite}to{-webkit-transform:rotate(7600deg);transform:rotate(7600deg)}}.audio-width{height:210px!important}.audio-box .explain{display:block;padding:0 30px;background:#fff}.audio-box .p-title{display:block;overflow:hidden;width:100%;height:44px;border-bottom:1px solid #eceff1;color:#252525;text-align:left;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:44px}.audio-box .coll{display:block;width:100%;height:44px;color:#838383;font-size:14px;font-family:Arial;line-height:44px}.audio-box .down-num{float:left;width:45%;text-align:left}