@charset "utf-8";

/**********************************************
 * $Data: top css file
***********************************************/

/* promoMain
------------------------------------------------*/
#top_pr{
	margin:8px 0 0 0;
}
#top_pr #promoMain.promotion{
	position:relative;
	padding: 0px;
	margin:0 0 10px;
	width:675px;
	height:190px;
}
#top_pr #promoMain .banner{
	width:675px;
	height:190px;
	cursor:pointer;
	overflow:hidden;
}
#top_pr #promoMain .banner .bg_text{
	width:178px;
	height:113px;
	margin:0;
	position:absolute;
	top:39px;
	left:495px;
}
#top_pr #promoMain .banner .bg_text p{
	display:table-cell;
	vertical-align:middle;
	width:150px;
	height:113px;
	padding:0 20px 0 10px;
	margin:0;
	color:#000;
	line-height:1.5;
}
	* html #top_pr #promoMain .banner .bg_text p{
		padding:25px 15px 0 10px;
	}
	*:first-child+html #top_pr #promoMain .banner .bg_text p{
		padding:25px 15px 0 10px;
	}

#top_pr #promoMain .item img{
	border: none;
}
#top_pr #promoMain .text{
	width:250px;
	height:20px;
	position:absolute;
	top:-60px;
	left:50px;
	background:#999;
	padding:3px;
}
#top_pr #promoMain .thumb{
	position:absolute;
	top:0px;
	left:675px;
	width:255px;
	height:190px;
}

#top_pr #promoMain .prev {
	cursor:pointer;
	width:255px;
	height:31px;
	background-image:url(/common/top/images/promo/btn_arrow_top.gif);
	background-repeat:no-repeat;
}
#top_pr #promoMain .next {
	cursor:pointer;
	width:255px;
	height:31px;
	background-image:url(/common/top/images/promo/btn_arrow_bottom.gif);
	background-repeat:no-repeat;
}
#top_pr #promoMain .scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width:255px;
	height:126px;
	margin:1px 0;
	padding:0px;
}
#top_pr #promoMain .scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
#top_pr #promoMain .items .item {
	cursor:pointer;
	width:255px;
	height:42px;
}