/*星星评分*/
.star{ display:inline-block;border:solid 1px #ddd; }
.star span{float:left; height:28px; cursor:pointer}
.star img{border:#e0e0e0 1px solid;padding:2px;}
.star a:hover img{border:#69f 1px solid;padding:2px;}
.star ul{display:block;float:left;width:100px;height:28px;position:relative;background: url('../images/starrating.gif') top left repeat-x; margin:22px 5px 0 0px;}
.star ul li{float:left;}
.star ul li a{display:block;width:10px;height:28px;text-indent:-9000px;z-index:20;position:absolute;overflow:hidden;}
.star ul li a:hover{background:url('../images/starrating.gif') left 35px;z-index:2;left:0; cursor:pointer;}
.star ul a.star_1{left:0px;}
.star ul a.star_1:hover{width:10px;}
.star ul a.star_2{left:10px;}
.star ul a.star_2:hover{width:20px;}
.star ul a.star_3{left:20px;}
.star ul a.star_3:hover{width:30px;}
.star ul a.star_4{left:30px;}
.star ul a.star_4:hover{width:40px;}
.star ul a.star_5{left:40px;}
.star ul a.star_5:hover{width:50px;}
.star ul a.star_6{left:50px;}
.star ul a.star_6:hover{width:60px;}
.star ul a.star_7{left:60px;}
.star ul a.star_7:hover{width:70px;}
.star ul a.star_8{left:70px;}
.star ul a.star_8:hover{width:80px;}
.star ul a.star_9{left:80px;}
.star ul a.star_9:hover{width:90px;}
.star ul a.star_10{left:90px;}
.star ul a.star_10:hover{width:100px;}
.star .star_current{background:url('../images/starrating.gif') left 35px;position:absolute;height:21px;width:60px;display:block;text-indent:-9000px;z-index:1;}

.star #star_tip{position:absolute;width:140px;color:#999;font-size:14px;margin-left:0px;}
.star #star_hover{margin:24px 8px 0 0;width:32px;color:green;font-family:Arial;font-weight:bold;font-size:14px;}
.star p{width:100px;float:left;color:#666;}
.star p span{font-family:Arial;font-style:italic;color:#f60;}
.star #star_shi{font-size:32px;line-height:28px;font-weight:bold;}
.star #star_ge{font-size:18px;line-height:22px;}
.star p span.star_no{width:110px;clear:both;color:#666;font-style:normal;font-size:12px;}


/*彩色线条*/
.navigation_top {
    left: 0;
    width: 100%;
    height: 3px;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    text-align: center;
    z-index: 109;
    background-color: #0FA6EA;
    background: -webkit-linear-gradient(left,rgba(15, 166, 234, 1) 0,rgba(246,107,18,1) 20%,rgba(15, 166, 234, 1) 60%,rgba(89, 204, 24, 1) 100%);
    background: -moz-linear-gradient(left,rgba(15, 166, 234, 1) 0,rgba(246,107,18,1) 20%,rgba(15, 166, 234, 1) 60%,rgba(89, 204, 24, 1) 100%);
    background: -ms-linear-gradient(left,rgba(15, 166, 234, 1) 0,rgba(246,107,18,1) 20%,rgba(15, 166, 234, 1) 60%,rgba(89, 204, 24, 1) 100%);
    background: linear-gradient(left,rgba(15, 166, 234, 1) 0,rgba(246,107,18,1) 20%,rgba(15, 166, 234, 1) 60%,rgba(89, 204, 24, 1) 100%);
}
/*幻灯毛玻璃*/
.blurr{left: 0px; height: 400px; overflow: hidden; position: relative; width: 100%; background: rgb(0, 0, 0);}
.blurr-bg{left: 0px; right: 0px; top: -50px; bottom: -50px; width: 100%; -webkit-filter: contrast(110%) brightness(74%) blur(30px); z-index: 50; position: absolute; }
.blurrdiv{width:1300px;margin: 0 auto; float:none;}
.blurrul{width:1300px;margin: 0 auto; position: relative;}

/*3D翻转特效*/
.qcontainer1:hover .film1 .face1 li a d{ display:none;}
.qcontainer:hover .film .face li a d{ display:none;}
.mpvideo-bg{ display:none;}
.mplzbz{display:none;}
.contentbox{width:1000px;margin:auto;margin-top:2em;clear:left;}
.qcontainer{-webkit-perspective:400;-moz-perspective:400;float:left;width:180px;margin-right:20px;}
.film{width:100%;height:250px;-webkit-transform-style:preserve-3d;-webkit-transition:1.5s;-moz-transform-style:preserve-3d;-moz-transition:1.5s;}
.qcontainer:hover .film{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.face{position:absolute;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;}
.face h3{color:white;text-align:center;}
.back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);background:-webkit-gradient(linear,left top,left bottom,from(#fdbb5a),to(#db5726));background:-moz-linear-gradient(top,#fdbb5a,#db5726);width:180px;height:230px;-webkit-border-radius:10px;}

/*响应式*/
@media (max-width:767px) {
.face1 li a d{ display:none;}
.face li a d{ display:none;}
.mpvideo-bg{display:block}
.mplzbz{display:block}
.MPli{width: 100%;}
.MPli img  {width: 100%; height: 160px;}

.MPli2{width: 100%;}
.MPli2 img  {width: 100%; height: 160px;}
.qcontainer{-webkit-perspective:400;-moz-perspective:400;float:left;width:30%;margin-right:10px;}
.film{width:100%;height:180px;-webkit-transform-style:preserve-3d;-webkit-transition:1.5s;-moz-transform-style:preserve-3d;-moz-transition:1.5s;}
	
.qcontainer:hover .film{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.face{    position: relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;}
.face h3{color:white;text-align:center;}
.back{ display:none;}
	}
	
/*3D翻转特效*/
.mpvideo-bg1{ display:none;}
.mplzbz1{display:none;}
.contentbox1{width:1000px;margin:auto;margin-top:2em;clear:left;}
.qcontainer1{-webkit-perspective:400;-moz-perspective:400;float:left;width:140px;margin-right:16px;}
.film1{width:100%;height:215px;-webkit-transform-style:preserve-3d;-webkit-transition:1.5s;-moz-transform-style:preserve-3d;-moz-transition:1.5s;}
.qcontainer1:hover .film1{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.face1{position:absolute;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;}
.face1 h3{color:white;text-align:center;}
.back1{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);background:-webkit-gradient(linear,left top,left bottom,from(#fdbb5a),to(#db5726));background:-moz-linear-gradient(top,#fdbb5a,#db5726);width:140px;height:200px;-webkit-border-radius:10px;}
/*响应式*/
@media (max-width:767px) {
.mpvideo-bg1{display:block}
.mplzbz1{display:block}
.MPli1{width: 100%;}
.MPli1 img  {width: 100%; height: 160px;}
.qcontainer1{-webkit-perspective:400;-moz-perspective:400;float:left;width:30%;margin-right:10px;}
.film1{width:100%;height:180px;-webkit-transform-style:preserve-3d;-webkit-transition:1.5s;-moz-transform-style:preserve-3d;-moz-transition:1.5s;}
.qcontainer1:hover .film1{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);}
.face1{    position: relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;}
.face1 h3{color:white;text-align:center;}
.back1{ display:none;}
	}