@charset "utf-8";
/* CSS Document */

.effect ul{ list-style:none; margin:0px; padding:0px; }

/* 通用信息列表_普通式 */
.infoList li{ height:24px; line-height:24px;   }
.infoList li .date{ float:right; color:#999;  }







/* 文本切换盒子 - 公用类 */
.slideTxtBox{ width:100%; }
.slideTxtBox .hd{ height:46px; line-height:46px; border:1px solid #d1d8da; border-top:0;  position:relative;  }
.slideTxtBox .hd ul{ width:1010px; float:left; position:absolute; left:0px; top:0px; height:46px; list-style:none; margin:0px; padding:0px;   }
.slideTxtBox .hd ul li{ width:200px; height:46px; line-height:46px; text-align:center; border-right:1px solid #d1d8da; float:left; background:url(../images/bj_xxk1.jpg) repeat-x left top;  font-size:14px; font-weight:bold; }
.slideTxtBox .hd ul li.on{ background:url(../images/bj_xxk2.jpg) repeat-x left top;  cursor:pointer; }
.slideTxtBox .hd ul li a{ font-size:14px; font-weight:bold; color:#959595; }
.slideTxtBox .hd ul li.on a{ color:#288cdc; }
.slideTxtBox .bd{ margin-top:20px; width:1000px; height:247px; }
.slideTxtBox .bd ul{ padding:0; list-style:none; margin:0px; }
/*.slideTxtBox .tempWrap{ margin:15px;  }*/




.slideTxtBox1{ margin:0px; }
.slideTxtBox1 .hd{ height:25px; line-height:25px; position:relative;  }
.slideTxtBox1 .hd ul{ float:left; position:absolute; left:0px; top:0px; height:25px; list-style:none; margin:0px; padding:0px;   }
.slideTxtBox1 .hd ul li{ width:103px; float:left; padding:0px 0px; text-align:center; border-left:1px solid #fff; background:url(../images/bj_tpx1.jpg) repeat-x left top;  font-size:14px; font-weight:bold; }
.slideTxtBox1 .hd ul li:first-child{ border-left:1px solid #e7eef6; }
.slideTxtBox1 .hd ul li.on{ background:url(../images/bj_tpx.jpg) repeat-x left top; border-left:1px solid #e7eef6;  cursor:pointer; }
.slideTxtBox1 .hd ul li a{ font-size:14px; font-weight:bold; color:#fff; }
.slideTxtBox1 .hd ul li.on a{ color:#000; }
.slideTxtBox1 .bd{ margin-top:10px; margin-left:12px; width:600px; height:280px; background:url(../images/bj_px.png) no-repeat left top;  }
.slideTxtBox1 .bd ul{ padding:20px 0px 0px 25px; list-style:none; margin:0px; }
/*.slideTxtBox .tempWrap{ margin:15px;  }*/



/* 单个图片幻灯片盒子 - 公用类 */
.slideBox{ width:100%; overflow:hidden; position:relative; margin:0;}
.slideBox .hd{ height:20px; width:90px; overflow:hidden; position:absolute; bottom:15px; left:50%; z-index:1; margin-left:-45px; }
.slideBox .hd ul{ height:20px; overflow:hidden; zoom:1; list-style:none; margin:0; padding:0px; float:right; }
.slideBox .hd ul li{ float:left; margin:0; width:30px; height:20px; text-align:center;  cursor:pointer; background:url(../images/h1.png) no-repeat center center;}
.slideBox .hd ul li.on{ background:url(../images/h2.png) no-repeat center center; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul{ list-style:none; margin:0; padding:0; }
.slideBox .bd ul li{ width:100%; float:left; text-align:center; }
.slideBox .bd img{ max-width:100%; display:block; margin:0 auto; }


/* 多个左滚动 - 图片- 公用类 */
/*.leftLoop{ width:100%; overflow:hidden; position:relative; margin:30px 0 0 0;   }
.leftLoop .hd{ width:60px; height:20px; margin:25px auto;  overflow:hidden;  }
.leftLoop .hd ul{ width:100%; margin:0; padding:0px; list-style:none; overflow:hidden; zoom:1; }
.leftLoop .hd ul li{ width:20px; height:20px; float:left; background:url(../images/inum1.png) no-repeat center center; cursor:pointer; font-size:0; overflow:hidden; }
.leftLoop .hd ul li.on{ background:url(../images/inum2.png) no-repeat center center;  }
.leftLoop .bd{   }*/

.leftLoop{ width:100%; position:relative; margin:0;  overflow:hidden;   }
.leftLoop .hd{ width:60px; height:20px; margin:35px auto; overflow:hidden;  }
.leftLoop .hd ul{ width:100%; margin:0; padding:0px; list-style:none; overflow:hidden; zoom:1; }
.leftLoop .hd ul li{ width:20px; height:20px; float:left; background:url(../images/inum1.png) no-repeat center center; cursor:pointer; font-size:0; overflow:hidden; }
.leftLoop .hd ul li.on{ background:url(../images/inum2.png) no-repeat center center;  }
.leftLoop .bd{   }



/* 通用图片列表_普通式 */
.picList { width:1280px; list-style:none; margin:0; padding:0; }
.picList li{ width:374px; height:298px; float:left; margin:0 30px 0 0; border-bottom:5px solid #ebebeb; }
.picList .pic{ text-align:center; line-height:0px;  }
.picList .pic img{ width:374px; height:187px; }
.picList .pic a:hover img{  }
.picList .title{ line-height:24px;   }


/* 多个上滚动 - 图片- 公用类 */
.topLoop{ overflow:hidden; position:relative;  border:1px solid #ccc;   }
.topLoop .hd{ overflow:hidden;  height:30px; background:#f4f4f4;  }
.topLoop .hd .prev,.topLoop .hd .next{ display:block;  width:9px; height:10px; line-height:10px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden;  
	 cursor:pointer; background:url(icoUp.gif) center no-repeat;}
.topLoop .hd .next{ background:url(icoDown.gif) center no-repeat;  }
.topLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin:10px 0px 0px 0px; list-style:none; padding:0px;  }
.topLoop .hd ul li{ position:relative; _display:inline; float:left;  width:10px; height:10px; overflow:hidden; background:#ccc; margin-right:10px; text-indent:-999px; cursor:pointer;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(PIE.htc);}
.topLoop .hd ul li.on{ background:#f00;  }
.topLoop .bd{ padding:10px;   }
.topLoop .bd ul{ overflow:hidden; zoom:1; list-style:none; margin:0px; padding:0px; }


/* 多个左滚动 - 文本 - 公用类 */
.leftLoopTxt{  }


/* 图片按钮(左)滚动 - 公用类 */
.picBtnLeft{ width:467px; height:313px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picBtnLeft .hd{ width:467px;  height:84px; position:absolute;  top:240px; }
.picBtnLeft .hd ul{ width:480px;  overflow:hidden; zoom:1; }
.picBtnLeft .hd ul li{ padding-top:5px; float:left; _display:inline; text-align:center;  }
.picBtnLeft .hd ul li img{ width:105px; height:65px; border:4px solid #ddd; cursor:pointer; margin-right:5px;   }
.picBtnLeft .hd ul li.on{ background:url(icoUp.gif) no-repeat center 0; }
.picBtnLeft .hd ul li.on img{ border-color:#f60;  }
.picBtnLeft .bd{ width:467px;  height:230px; position:relative;  }
.picBtnLeft .bd img{ width:467px; height:230px;  }
.picBtnLeft .bd li{ position:relative; zoom:1; }
.picBtnLeft .bd li .pic{ position:relative; z-index:0; line-height:0px;  }
.picBtnLeft .bd li .bg{ display:none;  width:467px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picBtnLeft .bd li .title{ display:none;  width:467px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picBtnLeft .bd li .title a{ color:#fff;  }

/* 图片按钮(上)滚动 - 公用类 */
.picBtnTop{ width:500px; height:214px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.picBtnTop .hd{ width:98px;  height:214px; position:absolute; right:5px;}
.picBtnTop .hd ul li{ width:93px; padding:0 0 5px 5px;  text-align:center; line-height:0px;  }
.picBtnTop .hd ul li img{ width:85px; height:60px; border:4px solid #ddd; cursor:pointer;  }
.picBtnTop .hd ul li.on{ background:url(icoleft.gif) no-repeat 0 28px; }
.picBtnTop .hd ul li.on img{ border-color:#f60;  }
.picBtnTop .bd{ width:400px;  height:214px; position:relative;  }
.picBtnTop .bd img{ width:400px; height:214px;  }
.picBtnTop .bd li{ position:relative; zoom:1; }
.picBtnTop .bd li .pic{ position:relative; z-index:0; line-height:0px;  }
.picBtnTop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }
.picBtnTop .bd li .title{ width:400px; height:30px; line-height:30px; left:0; bottom:0;   position:absolute; z-index:2;  }
.picBtnTop .bd li .title a{ color:#fff;  }
 

/* 5、More Idea 衍生效果 不共用样色 ----------------------------------------------------------------------------------- */

/* 双重slide-文本滚动效果 */
#doubleSlideTxt{ width:524px; zoom:1; position:relative; text-align:left;  }
#doubleSlideTxt .parHd{ position:absolute; z-index:1; top:10px; left:453px; width:44px; overflow:hidden; }
#doubleSlideTxt .parHd li{ width:14px; padding:5px 5px 5px 5px;  line-height:16px; border:1px solid #baccdf; border-left:0; 
	margin-bottom:5px; background:#fff; color:#b5c4d3;  cursor:pointer; margin-left:1px;  }
#doubleSlideTxt .parHd li.on{ background:#dbeefd; font-weight:bold; color:#367399;  border-right:3px solid #4e98c6;  
	margin-left:0px; position:relative; z-index:100; padding:5px 10px 5px 10px;}
#doubleSlideTxt .parBd{ position:relative;  z-index:0; width:440px; left:0px; border:1px solid #baccdf; padding:6px; background:#dbeefd;}
#doubleSlideTxt .parBd .slideTxtBox{ background:#fff; width:400px; border:0; padding:20px;    }
#doubleSlideTxt .parBd .slideTxtBox .hd{ background:#fff;  }

/* 双重slide-相册效果 */
.gallery{ border:0px solid #ccc; padding:0px; text-align:left;    }
.gallery .bd li .pic{ line-height:0px;  }
.gallery .bd li .bg,.gallery .bd li .title{ display:none;  }
.gallery .bd li img{ width:300px; height:300px;   }
.gallery .hd{ position:relative; padding:0 10px; margin:10px 0px 0px 0px; zoom:1; list-style:none; }
.gallery .hd .tempWrap{ margin-left:0px;  }
.gallery .hd ul{ overflow:hidden; zoom:1; width:100%; }
.gallery .hd li{ width:70px; padding-top:4px; text-align:center; cursor:pointer;   }
.gallery .hd li img{ width:54px; height:54px; border:1px solid #ddd; padding:2px;   }
.gallery .hd li.on{ background:url(icoUp.gif) no-repeat center 0;  }
.gallery .hd li.on img{ border:1px solid #f60; background:#fff;   }
.gallery .hd .sNext,.gallery .hd .sPrev{ text-align:center;  width:8px; height:58px; line-height:58px;  border:0px solid #ddd; cursor:pointer; position:absolute;  left:0px; top:4px; }
.gallery .hd .sNext{ left:auto; right:0px; }
.gallery .hd .sNext:hover,.gallery .hd .sPrev:hover{ text-decoration:none; border:0px solid #f60;  }

/* 双重slide-仿Mtime */
.Mtime{ width:960px; height:311px;  overflow:hidden; position:relative; background:url(demoEffect/Mtime/bg_movies.jpg) no-repeat;  }
.Mtime .prev,.Mtime .next{ width:63px; height:100%; clear:both; cursor:pointer; position:absolute; left:0px; top:0px; }
.Mtime .next{ width:59px; left:auto; right:0px;  }
.Mtime .tempWrap{ margin-left:63px; }
.Mtime .MtimeCon{ width:840px; height:100%;     }
.Mtime .tabBox{ overflow:hidden; zoom:1; }
.Mtime .tabBox .bd{ padding: 15px 18px 15px 20px; width: 667px;  float:left;  }
.Mtime .tabBox .bd li{ overflow:hidden; zoom:1; }
.Mtime .tabBox .bd .text{  width: 225px; padding-right: 20px; word-wrap: break-word; float:left;  }
.Mtime .tabBox .bd .text h3 a{ color:#86CA35; font:normal 28px/40px "Microsoft YaHei"; _font-weight:bold;  }
.Mtime .tabBox .bd .text p{ padding-top:18px; line-height:22px; color:#fff; font-size:14px;     }
.Mtime .tabBox .bd .imgs{ float:right;  }
.Mtime .tabBox .hd{ width:103px; float:left; margin-top:6px;   }
.Mtime .tabBox .hd li{ margin-top:7px; padding-left:7px;  cursor:pointer; vertical-align:middle; }
.Mtime .tabBox .hd a{ padding:3px; display:block; height:45px; overflow:hidden;   }
.Mtime .tabBox .hd img{ width:90px; height:45px;  }
.Mtime .tabBox .hd li.on{ background:url(demoEffect/Mtime/icoLeft.gif) 0 center no-repeat; }
.Mtime .tabBox .hd li.on a{ background:#85CB35;  }

/* 常见焦点图 */
.focusBox{ width:275px; height:243px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.focusBox .hd{ position:absolute; z-index:1; right:3px; bottom:34px; }
.focusBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.focusBox .hd ul li{ float:left; margin-right:3px;  width:14px; height:14px; line-height:14px; text-align:center; background:#ddd; cursor:pointer; 
	font-family:Arial; color:#666; 
}
.focusBox .hd ul li.on{ background:#f00; color:#fff;     }
.focusBox .bd{ position:relative;  }
.focusBox .bd .pic{ line-height:0px;  }
.focusBox .bd .pic img{ width:275px; height:215px;}
.focusBox .bd .con{ height:28px; line-height:28px; text-align:center; font-weight:bold; background:#f6f6f6; }
 
/* 视频网站大焦点图 */

.tv-slideBox{ width:100%; height:670px; overflow:hidden; position:relative;   }
.tv-slideBox .hd{ display:block; position:absolute; bottom:30px; left:50%; width:150px; height:20px; margin:0 0 0 -75px; background:url(../images/num2.png) no-repeat center top; z-index:1;  }
.tv-slideBox .hd ul{ list-style:none; margin:0; padding:0; }
.tv-slideBox .hd ul li{ width:30px; height:20px; float:left; background:url(../images/h1.png) no-repeat center center; cursor:pointer; }
.tv-slideBox .hd ul li.on{ background:url(../images/h2.png) no-repeat center center;}
.tv-slideBox .bd { display:block; position:absolute; top:0; left:50%; width:1920px; height:670px; margin:0 0 0 -960px; }
.tv-slideBox .bd ul{ list-style:none; margin:0; padding:0; }
.tv-slideBox .bd ul li{ overflow:hidden;  }


/*.tv-slideBox .prev{ position:absolute; z-index:10; width:48px; height:84px; overflow:hidden; cursor:pointer; left:60px; top:227px; background:url(../images/toleft.png) no-repeat; }
.tv-slideBox .next{ position:absolute; z-index:10; width:48px; height:84px; overflow:hidden; cursor:pointer; right:60px; top:227px; background:url(../images/toright.png) no-repeat; }*/