.popular_box							{margin-top:13px;}
/*--- carousel end ---*/
.div_pic						{position:relative;z-index:1;}
.div_hint						{position:absolute;z-index:2;}
/* *************************** */
/* *************************** */
.popular_box								{font-size:1.1em;padding: 0px 0px 0px 0px;}
.popular_box h1								{line-height:1.3em}
.popular_box .div_hint						{height:46px; bottom:-46px;width:150px; left:5px;background:url(../images/div_hint_bg.png) 0px 0px repeat-x;}
.popular_box .wrapper_div					{height:150px;overflow:hidden;position:relative;}
.popular_box .div_hint .div					{padding:7px 0px 7px 0px; text-align:left;}
/* *************************** */
/* *************************** */
.container 				{height:171px; width:710px; overflow:hidden; position:relative; cursor:pointer; }
.slides 				{position:absolute; top:0; left:0px; }
.slides div.li 			{position:absolute; top:0; width:150px; }
.slides div.li a.pic 	{padding:0px 0px 0px 0px; border:1px solid #e5e5e5; background:#fff;}

.slides div.li a.link					{color:#fefefe;font-weight:bold;padding:0px 11px 0px 11px;}
.slides div.li a.link:hover				{color:#fefefe; text-decoration:none;}

div.li					{display:inline-block; float:left;position:relative;padding:0px 5px 0px 5px;margin:0px 0px 0px 0px;}
div.li a				{display:block;}
/*--- carousel begin ---*/
#loopedSlider {
	height:171px;
	overflow:hidden;
	width:672px;
	position:relative;
	padding-left:24px;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:0px;
}

#loopedSlider a.next,
#loopedSlider a.previous {
	width:37px;
	height:148px;
	border:none;
	position:absolute;
	cursor:pointer;
	z-index:999;
}
#loopedSlider a.previous {
	top:0px;
	left:-10px;
	padding:0px;
}

#loopedSlider a.next {
	top:0px;
	right:0px;
	padding:0px;
}
#loopedSlider a.previous,
#loopedSlider a.previous:hover,
#loopedSlider a.next,
#loopedSlider a.next:hover	{background:url(../images/arrow.png) no-repeat 0px 0px transparent;}	

#loopedSlider a.previous 		{ background-position:0px 0}
#loopedSlider a.previous:hover { background-position:0px 100%}
#loopedSlider a.next 		{ background-position:100% 0}
#loopedSlider a.next:hover	{ background-position:100% 100%}

#loopedSlider ul{ overflow:hidden;}

.popular_box.tl,
.popular_box .tr							{background:url('../images/popular_box_bg.png') no-repeat transparent;}

.popular_box.tl								{background-position:0 0;}
.popular_box .tr							{background-position:100% 0;}


.popular_box .t								{background:url('../images/popular_box_bg-t.png') 0 0 repeat-x transparent;margin: 0px 11px 0px 11px; height:223px;}