/* CSS Document */
#showBox {
		width: 425px;
		height: 150px;
		position: relative;
		overflow: hidden;
		border:0px solid #ccc;
		float: left;
		margin:10px 8px 6px 8px;
}
#showBox a {
	color: #04a3ff;
	text-decoration: none;
}
#showBox ul.list {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 9999px;
	height: 100%;
}
#showBox ul.list li {
	float: left;
	padding-top:25px;
	height: 100%;
}
#showBox .list img{
	float:left;
	width:183px;height:112px;
	border: 0;
}
#showBox .list .content {
	float:left;
	width:245px;
	padding-left:10px;
	line-height:21px;
	font-size:14px;
}
#showBox .list h3 {
	margin:0;
	margin-bottom:3px;
	padding:0;
	font-size:15px;
	font-weight: normal;
	white-space: normal;
	color: #00a0fc;
	line-height:20px;
}
#showBox .list:hover h3 {
	 color:#f86e2b;
	 font-size:15px;
}
#showBox .list p{
   font-size: 14px;
   color:#666666;
   white-space:normal;
}
#showBox ul.playerControl {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 14px;
	text-align:right;
	white-space:nowrap;
}
#showBox ul.playerControl li {
	float: left;
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0px 0px 0px 5px;
	background: url(../images/cir_ctrl2.png) no-repeat -10px 0;
}
#showBox ul.playerControl li.current { 
	background-position: 0 0;
}


/* CSS Document */
#showBox2 {
		width: 425px;
		height: 140px;
		position: relative;
		overflow: hidden;
		border:0px solid #ccc;
		float: left;
		margin: 6px 14px 6px 8px;
}
#showBox2 a {
	color: #04a3ff;
	text-decoration: none;
}
#showBox2 ul.list2 {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 9999px;
	height: 100%;
}
#showBox2 ul.list2 li {
	float: left;
	padding-top:28px;
	height: 100%;
}
#showBox2 .list2 img{
	float:left;
	width:183px;height:112px;
	border: 0;
}
#showBox2 .list2 .content2 {
	float:left;
	width:242px;
	padding-left:10px;
	line-height:19px;
	font-size:14px;
}
#showBox2 .list2 h3 {
	margin:0;
	padding:0;
	font-size:15px;
	font-weight: normal;
	white-space: normal;
	color: #00a0fc;
	line-height:20px;
}
#showBox2 .list2:hover h3 {
	 color:#f86e2b
}
#showBox2 .list2 p{
   font-size: 14px;
   color:#666666;
   white-space:normal;
}
#showBox2 ul.playerControl2 {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 14px;
	text-align:right;
	white-space:nowrap;
}
#showBox2 ul.playerControl2 li {
	float: left;
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0px 0px 0px 5px;
	background: url(../images/cir_ctrl2.png) no-repeat -10px 0;
}
#showBox2 ul.playerControl2 li.current2 { 
	background-position: 0 0;
}

@media screen and (max-width: 1200px) {
#showBox {
	width: 348px;
	height: 202px;
}
#showBox .list .content {
	width:165px;
}
#showBox2 {
	width: 348px;
	height: 140px;
}
#showBox2 .list2 .content2 {
	width:165px;
}
}

@media screen and (max-width: 992px) {
#showBox {
	width: 690px;
	height: 140px;
}
#showBox .list .content {
	width:507px;
}
#showBox2 {
	width: 690px;
	height: 140px;
}
#showBox2 .list2 .content2 {
	width:507px;
}
}
@media screen and (max-width: 768px) {
#showBox {
	width: 420px;
	height: 140px;
}
#showBox .list .content {
	width:237px;
	font-size:16px;
	line-height:23px;
}
#showBox .list h3 {
	font-size:16px;
	line-height:23px;
}
#showBox .list p{
   font-size: 16px;
}

#showBox2 {
	width: 420px;
	height: 140px;
}
#showBox2 .list2 .content2 {
	width:237px;
}
}
	
@media screen and (max-width: 480px) {
#showBox {
	width:260px;
	height:280px;
}
#showBox ul.list li {
	width: 260px;
	padding-top:25px;
}
#showBox .list img{
	float:none;
	display:block;
	margin:0 auto;
	max-width:100%;height:auto;
}
#showBox .list .content {
	float:none;
	display:block;
	width:260px;
	padding-left:0px;
	padding-top:7px;
}

#showBox2 {
	width:260px;
	height:238px;
	margin: 6px 14px 4px 8px;
}
#showBox2 ul.list2 li {
	width: 260px;
}
#showBox2 .list2 img{
	float:none;
	display:block;
	margin:0 auto;
	max-width:100%;height:auto;
}
#showBox2 .list2 .content2 {
	float:none;
	display:block;
	width:260px;
	padding-left:0px;
	padding-top:7px;
	font-size:15px;
	line-height:20px;
}
#showBox2 .list2 h5 {
	font-size:17px;
	line-height:21px;
}	
}