@charset "utf-8";
#tshowimg{float:left; width:40%;margin-right:3%;}
#tshowsize{float:left; width:55%;height:auto;}
#showqa{max-height:600px; overflow:auto;padding:5px;}
#lineorder{
display:none;
padding:10px 10px 0 0;
margin-top:5px;
width:100%;
height:110px;
overflow:hidden;
background:#00C402 url(../line.png) left top no-repeat;}
#share{ text-align:center;}
#addgo{ text-align:center;width:250px;margin:0 auto;}
#addgo a{
letter-spacing:3px;
font-weight:bold;
-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;
color:#fff; 
margin:20px; padding:15px;
display:block;
background-color:#000000; 
border:solid 4px #ccc;
-webkit-transition: background-color 1s;
 -moz-transition: background-color 1s;
 -o-transition: background-color 1s;
 -ms-transition: background-color 1s;
 transition: background-color 1s;
 text-decoration:none;
}
#addgo a:hover{ background-color:#990000;}
@font-face {
font-family: 'si';
src: url('../shoppingcart/fonts/socicon.eot');
src: url('../shoppingcart/fonts/socicon.eot?#iefix') format('embedded-opentype'),
	 url('../shoppingcart/fonts/socicon.ttf') format('truetype'),
     url('../shoppingcart/fonts/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {font-family:si;src: url(fonts/socicon.svg) format(svg);}
}

.soc {overflow:hidden;margin:0; padding:7px 0 0 0;list-style:none;}
.soc li {display:inline-block;*display:inline;zoom:1;}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 19px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-right: 11px;
    color: #ffffff;
    background-color: none;
}

.soc a:hover {z-index: 2;}
.soc-icon-last{margin:0 !important;}
.soc-twitter {background-color: #4da7de;}
.soc-twitter:before {content:'\e040';}
.soc-facebook {background-color: #3e5b98;}
.soc-facebook:before {content:'\e041';}
.soc-googleplus {background-color: #dd4b39;}
.soc-googleplus:before {content:'\e042';}
.soc-linkedin {background-color: #3371b7;}
.soc-linkedin:before {content:'\e049';}
.soc-instagram {background-color: #405de6;}
.soc-instagram:before {content:'\e057';}
.soc-line {background-color: #00B901;}
.soc-line:before {content:'\e09b';}
.soc-twitter:hover {background-color: #61bbf2;}
.soc-facebook:hover {background-color: #526fac;}
.soc-googleplus:hover {background-color: #f15f4d;}
.soc-linkedin:hover {background-color: #4785cb;}
.soc-instagram:hover {background-color: #5471fa;}
.soc-line:hover {background-color: #14cd15;}
/*zoomcss */
.cloud-zoom-lens {
border: 4px solid #888;
	margin:5px;	
	background-color:#fff;	
	cursor:move;		
}
.cloud-zoom-title {
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-size:13px;
	top:0px;
}
.cloud-zoom-big {
	border:1px solid #000;
	overflow:hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;

}
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
} 
.viewimg{
width:50px;
height:50px;
float:left;
margin:3px;
border:solid 1px #ccc;

cursor:pointer;
}
#smallimg,#addlike{ position:relative;z-index:10000;}
</style>