/*flash*/

#nav {
	position: relative;
	width: 100%;
	height: 298px;
	overflow: hidden;
}

#buttons {
	position: absolute;
	left: 48%;
	bottom: 20px;
	z-index: 2;
	height: 10px;
	width: 120px;
}

#buttons span {
	float: left;
	margin-right: 5px;
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 50%;
	background: #333;
	cursor: pointer;
}

#buttons .on {
	background: orangered;
}

.arrow {
	position: absolute;
	z-index: 2;
	display: none;
	width: 40px;
	height: 40px;
	font-size: 36px;
	font-weight: bold;
	line-height: 39px;
	text-align: center;
	color: #fff;
	background-color: RGBA(0, 0, 0, .3);
	cursor: pointer;
}

.arrow:hover {
	background-color: RGBA(0, 0, 0, .7);
}

#nav:hover .arrow {
	display: block;
}

#prev {
	left: 20px;
}

#next {
	right: 20px;
}
/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

.flash {
    margin-top: 12px;
    display: none;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
	width: 100%;
    height: auto;
}
#slide_img {
	width: 100%;
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
    .flash {
        margin-top: 12px;
		margin-bottom: 12px;
        display: block;
	}
	#slide_img {
        display: none;
	}
	
}