/*鍥惧簱 寮€濮�*/
a.gallery { 
    display: inline-block;
    position: relative;
    width: 160px;
    padding-top: 100px;
}
a.gallery strong { 
    display: block;
}
a.gallery img { 
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 2px;
    background: linear-gradient(#fff,#ccc);
    width: 160px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    transition: .6s cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
a.gallery:hover img { 
    width: 70px;
}
a.gallery:hover img:nth-child(1) {  transform: translate(0px, 0px);-webkit-transform:translate(0px, 0px);-moz-transform:translate(0px, 0px); }
a.gallery:hover img:nth-child(3) {  transform: translate(0px, 54px);-webkit-transform:translate(0px, 54px);-moz-transform:translate(0px, 54px); }
a.gallery:hover img:nth-child(2) {  transform: translate(70px, 0px);-webkit-transform:translate(70px, 0px);-moz-transform:translate(70px, 0px); }
a.gallery:hover img:nth-child(4) {  transform: translate(70px, 54px);-webkit-transform:translate(70px, 54px);-moz-transform:translate(70px, 54px); }
/*鍥惧簱 缁撴潫*/
/*lazy load*/
.lazy,banner-lazy{
    background:url(../images1/loading.gif) no-repeat center;
}
/*鐧惧害鍦板浘*/
#allmap { width: 100%;height:250px;overflow: hidden;}
/*鎵嬪瀷*/
.pointer{cursor: pointer}
/*photos婊氬姩閫夋嫨*/
#photos_box{width:330px;height: 68px;border: 0;margin-left: auto;margin-right: auto;}
#photos_box div.photos_prev{ cursor: pointer; width: 32px;height:100%;float: left;background: transparent url(../images1/prev-horizontal.png) no-repeat scroll 0 center;border: 0;}
#photos_box div.photos_prev.moveup{background-position: -32px center;}
#photos_box div.photos_prev.unable{background-position: -96px center;cursor: default;}
#photos_box div.photos_containers{width:266px;height:100%;float: left;border: 0;overflow: hidden;}
#photos_box div.photos_next{ cursor: pointer; width: 32px;height: 100%;float: left;background: transparent url(../images1/next-horizontal.png) no-repeat scroll 0 center;border: 0;}
#photos_box div.photos_next.moveup{background-position: -32px center;}
#photos_box div.photos_next.unable{background-position: -96px center;cursor: default;}
#photos_box div.photos_containers #photos_list{margin: 0;position: relative;height: 68px;width: auto;}
#photos_box div.photos_containers #photos_list li{margin-left: 6px;float: left;width: 60px;}
#photos_box div.photos_containers #photos_list li:first-child{margin-left: 0;}
#photos_list li.pic_sel{
    background:url(../images1/pic_selected.png) no-repeat scroll 0 0;
}
#photos_list li a img{
    margin: 8px 2px 2px 2px;

}
#photos_list li {
    width: 62px;
    height: 68px;
}
#message{
    position: fixed;
    z-index:5000;
    width:100%;
    text-align: center;
    background-color: #000000;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right:0;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); 
    vertical-align:middle;
}
.photos_animate{
    position: fixed;
    height:100%;
    z-index:3000;
    background-color: #000000;
    left: 0;
    top: 0;
    bottom: 0;
    right:0;
    text-align: center;
}
.photos_animate_in{
    -webkit-animation-name: photos_animate_in;
    -moz-animation-name: photos_animate_in;
    -ms-animation-name: photos_animate_in;
    -o-animation-name: photos_animate_in;
    animation-name: photos_animate_in;
}
@keyframes photos_animate_in{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-moz-keyframes photos_animate_in{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-webkit-keyframes photos_animate_in{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
.photos_animate_leave{
    -webkit-animation-name: photos_animate_leave;
    -moz-animation-name: photos_animate_leave;
    -ms-animation-name: photos_animate_leave;
    -o-animation-name: photos_animate_leave;
    animation-name: photos_animate_leave;
}
@keyframes photos_animate_leave{
    0%{opacity: 1;}
    100%{opacity: 0;}
}
@-moz-keyframes photos_animate_leave{
    0%{opacity: 1;}
    100%{opacity: 0;}
}
@-webkit-keyframes photos_animate_leave{
    0%{opacity: 1;}
    100%{opacity: 0;}
}
.photos_animate_top{
    position: fixed;
    width:100%;
    z-index:9005;
    bottom: 0px;
    height:40px;
    line-height: 40px;
    background-color: #cfcfcf;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.animate_close{
    width:40%;
    display: inline-block;
    text-align: center;
    background:url(../images1/animate_close.png) no-repeat center;
    height:40px;
    line-height: 40px;
}
.animate_prev{
    width:30%;
    display: inline-block;
    text-align: center;
    background:url(../images1/animate_prev.png) no-repeat center;
    height:40px;
    line-height: 40px;
}
.animate_next{
    width:30%;
    display: inline-block;
    text-align: center;
    background:url(../images1/animate_next.png) no-repeat center;
    height:40px;
    line-height: 40px;
}
#message>div{
    position: relative;
    width:30%;
    margin: auto;
    top:30%;
}

.product_info { padding:0 10px;}
.product_info dl { width:100%; clear:both; overflow:hidden; margin:10px 0; }
.product_info dl dt { float:left; display:inline; }
#qyt_main_frame .product_info dl dt img{ border:1px solid #e0e0e0; padding:2px;}
.product_info dl dd { margin-left:96px; color:#666666; }
.product_info dl dd .p1 { font-size:14px; font-weight:bold; margin-bottom:5px; }
.product_info dl dd .p2 { color:#808080; margin-bottom:5px;}
.product_info dl dd .p3 span{ display:inline-block; color:#ff0000; }
/* 澶у睆骞� */
@media screen and (min-width:1200px) {
    #photos_box{width: 330px;}
    #photos_box div.photos_containers{width: 266px;}
}
/* 澶у睆骞� */
@media screen and (min-width:980px) and (max-width:1200px) {
    #photos_box{width: 330px;}
    #photos_box div.photos_containers{width: 256px;}
}
/* 骞虫澘鐢佃剳鍜屽皬灞忕數鑴戜箣闂寸殑鍒嗚鲸鐜� */
@media screen and (min-width: 768px) and (max-width: 979px) { 
    #photos_box{width: 330px;}
    #photos_box div.photos_containers{width: 256px;}
}
/* 妯悜鏀剧疆鐨勬墜鏈哄拰绔栧悜鏀剧疆鐨勫钩鏉夸箣闂寸殑鍒嗚鲸鐜� */
@media screen and (max-width: 767px) {
    #photos_box{width: 398px;}
    #photos_box div.photos_containers{width: 334px;}
}
/* 妯悜鏀剧疆鐨勬墜鏈哄強鍒嗚鲸鐜囨洿灏忕殑璁惧 */
@media screen and  (max-width: 480px) { 
    #photos_box{width: 262px;}
    #photos_box div.photos_containers{width: 198px;}
}
@media screen and (max-width: 380px) {
    #photos_box{width: 262px;}
    #photos_box div.photos_containers{width: 198px;}
}