/* CSS Document by LPH 2015/01/20 */

body { font-family: "Microsoft YaHei"; background:#fff ;}
.wrapper { width: 1190px; margin: 0 auto; }

/* main */
#main { width: 100%; height: auto; margin-top: 179px; }
#title { width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #dcdcdc;}
#title a { float: right; font-size: 12px; color: #333; margin: 7px 10px 0 0;}
#title a:hover { text-decoration: underline; color: #ff7e00;}
#title h1 { display: inline-block; text-indent:20px; background: url(../../images_1405/chupin/title-bg.png) left center no-repeat; font-size:24px; color:#ff7e00;}

/* container */
.container { width: 100%; height: auto; margin-top: 10px; overflow: hidden;}
.content-list { width: 110%; height: auto; overflow: hidden;}
.content-list li { float: left; margin:0 10px 15px 0;}
.item-cont { margin: 8px; border-radius: 3px; border: 1px solid #ccc; box-shadow: 0 0 8px #ccc; width: 357px; height: auto; padding: 7px;}
.item-cont:hover { box-shadow: 0 0 8px #ff7e00; -webkit-transition:box-shadow 0.2s linear; -moz-transition:box-shadow 0.2s linear; -o-transition:box-shadow 0.2s linear;}
.item-cont a.img-cont { display: block; width: 100%; height: 200px;  overflow: hidden;}
#fitst-item a.img-cont { height: 503px;}
.item-cont a.img-cont img { width: 100%; height: 100%;}
.item-cont a.img-infor { display: block; width: 100%; height: 56px; line-height: 28px; font-size: 14px; color: #333;  overflow: hidden; text-overflow:ellipsis; white-space: normal;}

.item-infor { display: block; width: 357px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.item-infor a { font-size: 14px; color: #333; padding: 0 4px;}
.item-cont a.img-infor:hover, .item-infor a:hover { color: #ff7e00;}
.item-infor a.listen-num { padding-left: 20px; background: url('../../images_1405/chupin/listen-bg.png') left center no-repeat;}
.item-infor a.listen-num:hover { background: url('../../images_1405/chupin/listen-bg-h.png') left center no-repeat;}

/*焦点图*/
.mus_focusPic { margin:174px auto 0; height:500px;/* background:url(../images_1405/music/testimg/0.jpg) top center no-repeat; background-color:#000;*/ _margin-top:130px; position:relative;}
.mus_focusPic .navCnt { width:940px; height:50px; padding:5px 10px; background:url(../../images_1405/music/index/index_focus_nav_bg.png) repeat; position:absolute; bottom:30px; left:50%; margin-left:-480px; z-index:5;}
.mus_focusPic {	margin:125px auto 0;height:500px;_margin-top:130px;	background-color: #deccc8;position:relative;background-repeat: no-repeat;background-position: center top;}
/*.mus_focusPic .navCnt { width:940px; height:50px; padding:5px 10px; background:url(../images_1405/music/index_focus_nav_bg.png) repeat; position:absolute; bottom:30px; left:50%; margin-left:-480px;}*/
.mus_focusPic .navCnt a.tle { width:215px; height:50px; display:block; line-height:25px; font-size:18px; color:#fff;}
.mus_focusPic .navCnt .ctrlBox { height:50px; width:725px;}
.mus_focusPic .navCnt .ctrlBox a.btn { display:block; width:35px; height:50px;}
.mus_focusPic .navCnt .ctrlBox a.pre { background-position:0 -55px;}
.mus_focusPic .navCnt .ctrlBox a.pre:hover { background-position:0 0;}
.mus_focusPic .navCnt .ctrlBox a.nxt { background-position:-40px -55px;}
.mus_focusPic .navCnt .ctrlBox a.nxt:hover { background-position:-40px 0;}
.mus_focusPic .navCnt .ctrlBox .thumbList { width:637px; height:50px; overflow:hidden; margin-left:9px; margin-right:9px; position:relative;}
.mus_focusPic .navCnt .ctrlBox .thumbList .cnt { width:2000px; height:50px; position:relative;}
.mus_focusPic .navCnt .ctrlBox .thumbList .cnt a { float:left; display:block; width:85px; height:50px; margin-right:7px; opacity:0.8; filter:alpha(opacity=80);}
.mus_focusPic .navCnt .ctrlBox .thumbList .cnt a:hover,.mus_focusPic .navCnt .ctrlBox .thumbList .cnt a.cur { opacity:1; filter:alpha(opacity=100);}
.mus_focusPic .navCnt .ctrlBox .thumbList .cnt a img { width:85px; height:50px; display:block;}
.mus_focusPic .navCnt .ctrlBox .thumbList .cnt a.cur img { border:3px solid #ff7e00; width:79px; height:44px;}
.mus_focusPic a.focusPic { display:block; width:100%; height:500px; position:absolute; top:0; left:0;}
.mus_focusPic a.curFocusPic { z-index:3;}
/*.mus_focusPic a.nxtFocusPic { z-index:2; background-color:#dad2ae;}*/
/*焦点图结束*/

/* 在屏幕小于1190px时的样式 By LPH*/
@media screen and (max-width:1190px){
	.wrapper { width:960px;}
	.item-cont { width: 280px;}
	#fitst-item a.img-cont { height: 418px;}
	.item-cont a.img-cont { height: 157px;}
	.item-infor { width: 280px;}
}