li{ list-style: none outside none;}

#header, #content , #footer{ width: 100%;  margin: 0px auto; border:0px solid green;}

/*FlexSlider幻灯片  样式开始*/

.myflexslider{ position: relative}

/*幻灯片标题*/

 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;max-width:640px}

/* FlexSlider Necessary Styles*/

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

html[xmlns] .slides {display: block;}

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}



/* FlexSlider Default Theme

*********************************/

.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(255,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(255,0,0,.2); -o-box-shadow: 0 1px 4px rgba(255,0,0,.2); box-shadow: 0 1px 4px rgba(255,0,0,.2); zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }



/* Direction Nav */

.flex-direction-nav {*height: 0;}

.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255,0,0,0); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.flex-direction-nav .flex-prev { left: -50px; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }

.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }

.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }

.flex-direction-nav a.flex-next:before  { content: '\f002'; }



/* Pause/Play */

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover  { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }



/* Control Nav */

/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/

.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,.7); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.7); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.7); -o-box-shadow: inset 0 0 3px rgba(0,0,0,.7); box-shadow: inset 0 0 3px rgba(0,0,0,.7); }

.flex-control-paging li a:hover { background: #333; background: rgba(255,0,0,1); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(255,0,0,1); cursor: default; }



.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}

.flex-control-thumbs li {width: 25%; float: left; margin: 0;}

.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}

.flex-control-thumbs img:hover {opacity: 1;}

.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/*FlexSlider幻灯片  样式结束*/



.channellist{ width:100%;border:0px solid red; margin:0px auto;}

.channellist li{float:left;text-align: center; border:0px dashed blue; width:25%; }

.channellist li a{display:block; margin:5px;  padding-top:0px; padding:5px;

background-color:#FFFFFF;

/* border:1px solid #CCC ;

border-radius:8px;-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; 

-webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190); -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190); -o-box-shadow: 0px 1px 3px rgb(190, 190, 190); box-shadow: 0px 1px 3px rgb(190, 190, 190); */

}

.channellist li .ChannelName{ text-align:center;  height:12px; line-height:12px; border:0px dashed red; padding:5px 0px 5px; font-size:12px}

.channellist li .ChannelIcon{

    text-align: center;

	font-weight: bold;

	overflow:hidden;

	background: white center center no-repeat; 

	padding: 0px;

	color:#FFFFFF;

	margin:auto;

	/* border:0px solid red;

	border-radius:8px 8px 0px 0px;-webkit-border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px; -o-border-radius:8px 8px 0px 0px;  */

}

.channellist li .ChannelIcon img{ vertical-align:middle; width:100%; }

.mimages{ width:100%; height:auto }

.mimages ul li{width:100%;}

.mimages img{ width:100%; height:auto}


#solid {width: 100%; float:left;clear: both;margin: -8px auto 0;position: relative;}

#solid ul li img {width: 100%;}

#solid .solid0,#solid .solid1,#solid .solid2 {position: absolute;left: 0px;top: 0px;width: 100%;height: 440px;display: none;}

#solid .solid0 {background: #78c4db;}

#solid .solid1 {background: #c5c9db;}

#solid .solid2 {background: #e7dfd1;}

#solid ul {margin: 0px;padding: 0px;list-style: none;}

#solid ul li {position: absolute;top: 0px;width: 1318px;height: 440px;display: none;cursor: pointer;}

#solid #btt {height: 55px;margin-left: -117px;position: relative;}

#solid #btt span {position: absolute;top: 94px;left: 50%;display: block;width: 31px;height: 10px;margin: 0 15px;text-align: center;background: #cc0000;z-index: 1000;cursor: pointer;filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}