/*
 * BX Slider
 */
 
 #bx-top .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	left: 0;
	background: none;
}

/*prev-next button*/
#bx-top .bx-next {
	position:absolute;
	top:+38px;
	left:-60px;
}
#bx-top .bx-prev {
	position:absolute;
	top:+38px;
	left:-110px;
}



/*
 * Slide
 */

#MMSLIDE li {
	float: left;
	height:78px;
	position:relative; }
#MMSLIDE .image {}
#MMSLIDE li img {
	position:absolute; left:0; top:0;
	width:75px; height:75px;
	margin: 0 10px 0 0; }
#MMSLIDE li .rank {
	position:absolute; left:70px; top:5px;
	background: url(/jdd/public/images/mediamass/2012/bg-boxnumber-small.png) no-repeat top left;
	width: 22px; height: 22px;
	padding: 3px 0 0 0;
	text-align:center;
	font: 1em Arial;
	color:#fff; }
#MMSLIDE .name  {
	position:absolute; left:98px; top:7px;
	width: 155px; height: 20px;
	overflow:hidden;
	/* background-color:red;*/
	text-overflow:ellipsis; }
#MMSLIDE .name a {
	font-weight: bold;
	font-size: 0.9em;
	color: #fff; }
#MMSLIDE .sub {
	position:absolute; left:98px; top:26px; 
	width: 155px; height:40px;
	overflow:hidden;
	color:#77CBEF;
	font-family: Century Gothic;
	font-size:0.8em;
	line-height: 1.2em; }


/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

	#bx-top .bx-next { left:-40px; }
	#bx-top .bx-prev { left:-80px; }
}