/*本实例 css*/

.wwwqirecom {
    width:780px;
	margin:0 auto;
	border:#757575 1px solid;
	background-color:white;
	overflow:hidden;
	padding:30px 30px 0px 30px;
	/*background: rgba(255, 255, 255, 0.3) !important;*/
	/*filter: alpha(opacity=30);*/
	position: fixed;
	top:10%;
	left:20%;
	display:none;
}
.qirepic{width:710px; height:280px;margin:0 auto; }
.qirepic ul li img { width: 240px; height:280px; }
.qirepic ul li a.qirepic-silder-img { display: block; border: 1px #000000 solid; float: left;}

.qirepic-silder-intro {height:200px; width: 420px; float:left; margin-left:300px; display:block;position:absolute;}
.qirepic-silder-title {margin-bottom:20px;}

.qirepic-silder-info li {float: left;width:96%; overflow:hidden;}
.qirepic-silder-desc { display:block; height: 90px; line-height:24px; padding-bottom: 10px; overflow: hidden; }
 
.qirepic-silder-play{float:right;display: block; width:136px; height:40px; background:url(../img/silder-play.png) no-repeat; text-indent:-9999px; position:relative; top:50px;}
.qirepic-silder-play:hover { background-position: 0 -40px; }

/*图片导航*/
.num {position:relative;overflow:hidden;}
.num1{margin-top:80px}
.num ul { width:10000px;position:relative}
.num li {float:left;margin:8px;}
.num li a { display:block; border: 2px #000 solid; padding: 1px; }
.num li img {width:75px; height:75px;}
.num li.on a { border: 2px #FF6600 solid; } /*当前项*/
.ocontent{margin-top:10px;margin-left:10px;width:600px;margin-bottom:-80px}
.f-33{margin-top:10px}
.f-33 a{font-size:18px;color:blue}
.line{background-color:#757575;height:1px;margin-top:50px;}
.hd{
  border:1px solid red;
  height:30px;
}
.picScroll-left {
    overflow: hidden;
    position: relative;
    width: 769px;
	padding-left:15px;
	padding-right:15px;
	margin-top: 50px;
}
.picScroll-left .ne,.picScroll-left .pre{
    display: block;
    position: absolute;
    z-index: 9999;
}
.picScroll-left .ne{
   left:-10px;
   top:32px;
   height:30px;
   width:30px;
}
.picScroll-left .pre{
   left:778px;
   top:32px;
   height:30px;
   width:30px;
}
.picScroll-left .ne a{
    background: url("../img/left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: right;
    height: 15px;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    width: 15px;
}
.picScroll-left .ne a:hover{
  background: url("../img/left-on.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.picScroll-left .pre a{
   background: url("../img/right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: right;
    height: 15px;
    margin-right: 5px;
    margin-top: 10px;
    overflow: hidden;
    width: 15px;

}
.picScroll-left .pre a:hover{
  background: url("../img/right-on.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.infoTitle{
   width:350px;
   font-size:22px;
   margin-top:-50px;
   margin-bottom:10px;
}
.pb10{padding-bottom:10px;}
.mt20{margin-top:30px}
.wrapper{ width:950px;margin:0 auto;}