/*电脑*/
@media screen and (min-width:1180px){
	*{margin:0;padding:0;list-style-type:none;}
	a,img{border:0;text-decoration:none;}
	/* page */
	#page{width:1000px;margin:20px auto;position:relative;}
	#page img{height:100%;width: 100%;}
	#viewport-shadow{position:relative;width:900px;padding:0 50px 50px;background:url(../images/box-shadow.png) bottom no-repeat;}
	#viewport, #box, .slide{width:900px;height:441px;}
	#viewport{overflow:hidden;}
	#controls{position:absolute;top:410px;left:44%;overflow:hidden; }
	#controls li{display:inline;}
	.goto-slide{margin-left:10px;width:10px;height:10px;display:block;float:left;border:solid 1px #eee;background-color:red;border-radius:2px;-webkit-box-shadow:inset 0px 0px 2px #f1f1f1;-moz-box-shadow:inset 0px 0px 2px #f1f1f1;box-shadow:inset 0px 0px 2px #f1f1f1;}
	.goto-slide.current{background-color:#f87e2b;}
	#next, #prev{position:absolute;top:80px;width:30px;height:300px;background:url(../images/next-prev-sprite.png) no-repeat;display:block;}
	#next:hover, #prev:hover{background:url(../images/next-prev-sprite-hover.png) no-repeat;border:none;}
	#prev{left:0px;}
	#next, #next:hover{left:970px;background-position:-30px 0;}
	#time-indicator{width:0px;height:5px;background-color:#f87e2b;position:absolute;top:441px;left:50px;}
	.box img{width: 100% !important;}
	#iframe{height: 550px !important;overflow: hidden;}
	#iframe-wrap{height: 550px !important;overflow: hidden;}
}

/*手机*/
@media screen and (max-width:1080px){
	*{margin:0;padding:0;list-style-type:none;}
	a,img{border:0;text-decoration:none;}
	#page{width:100%;margin:10px auto;position:relative;}
	#page img{height:100%;width: 100%;}
	#viewport-shadow{position:relative;width:100%;padding:0;background:url(../images/box-shadow.png) bottom no-repeat;}
	#viewport, #box, .slide{width:100%;height:200px;}
	#viewport{overflow:hidden;}
	#controls{position:absolute;top:210px;left:38%;overflow:hidden; }
	#controls li{display:inline;}
	.goto-slide{margin-left:10px;width:10px;height:10px;display:block;float:left;border:solid 1px #eee;background-color:red;border-radius:2px;-webkit-box-shadow:inset 0px 0px 2px #f1f1f1;-moz-box-shadow:inset 0px 0px 2px #f1f1f1;box-shadow:inset 0px 0px 2px #f1f1f1;}
	.goto-slide.current{background-color:#f87e2b;}
	#prev{left:0px;}
	#next, #next:hover{left:970px;background-position:-30px 0;}
	#time-indicator{width:0px;height:5px;background-color:#f87e2b;position:absolute;top:200px;}
	.box img{width: 100% !important;}
	#iframe{height: 550px !important;overflow: hidden;}
	#iframe-wrap{height: 550px !important;overflow: hidden;}
}