@CHARSET "UTF-8";

#hot-stocks, #hot-stocks * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#hot-stocks {
	position: fixed;
	bottom: 75px;
	/*left: 7px;*/
	z-index: 10001;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition-duration: 0.35s;
	-moz-transition-duration: 0.35s;
	-o-transition-duration: 0.35s;
	transition-duration: 0.35s
}

#hot-stocks.open {
	-webkit-transform: translate3d(0, -165px, 0);
	-moz-transform: translate3d(0, -165px, 0);
	-ms-transform: translate3d(0, -165px, 0);
	-o-transform: translate3d(0, -165px, 0);
	transform: translate3d(0, -165px, 0);
}

#hot-stocks.close {
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#hot-stocks>ul li {
	top: 0;
	left: 0;
	position: absolute
}

#hot-stocks>ul li img.balloon {
	position: absolute;
	z-index: 10001;
/* ↓ 画像表示ズレ対応 2017/05/30 */
	max-width: initial;
/* ↑ 画像表示ズレ対応 2017/05/30 */
}

#hot-stocks>ul li.wide img.balloon {
	height: 90px;
}

#hot-stocks>ul li.long_sideways img.balloon {
	width: 90px;
}

#hot-stocks>ul li span.bunner_image {
	position: relative;
	z-index: 10000;
	border-radius: 80px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	display: inline-block;
	background-color: #ccc;
	background-position: center center;
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	border: 1px solid #ccc;
	margin: 6px;
	background-size: cover;
	-webkit-background-size: cover;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#hot-stocks>ul li span.header {
	position: absolute;
	color: white;
}

#hot-stocks>ul li span.header span {
	position: relative;
	display: inline-block;
	white-space: nowrap; /* 改行を半角スペースに置き換える */
}

#hot-stocks>ul li span.header span.name {
	font-size: 12px;
}

@media screen and (max-width: 320px) and (min-device-height: 567px){
	#hot-stocks>ul li span.header span.name {
		font-size: 10px;
 	}
}

#hot-stocks>ul li span.header span.comment {
	font-size: 10px;
}

@media screen and (max-width: 320px) and (min-device-height: 567px){
	#hot-stocks>ul li span.header span.comment {
		font-size: 8px;
	}
}

#hot-stocks>ul li span.header span a {
	text-decoration: none;
	color: white;
}

#hot-stocks>ul .li1 {
	width: 85px;
	-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
	-moz-transition-property: -moz-transform, -moz-transform-origin;
	-o-transition-property: -o-transform, -o-transform-origin;
	transition-property: transform, transform-origin;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-moz-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-ms-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-o-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	visibility: hidden
}

#hot-stocks>ul .li1.show {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-duration: 0.65s;
	-moz-transition-duration: 0.65s;
	-o-transition-duration: 0.65s;
	transition-duration: 0.65s;
	-webkit-transform: rotate(0deg) scale(1) translate3d(-10px, -174px, 0px);
	-moz-transform: rotate(0deg) scale(1) translate3d(-10px, -174px, 0px);
	-ms-transform: rotate(0deg) scale(1) translate3d(-10px, -174px, 0px);
	-o-transform: rotate(0deg) scale(1) translate3d(-10px, -174px, 0px);
	transform: rotate(0deg) scale(1) translate3d(-10px, -174px, 0px);
	-webkit-transform-origin: 10px 174px;
	-moz-transform-origin: 10px 174px;
	-ms-transform-origin: 10px 174px;
	-o-transform-origin: 10px 174px;
	transform-origin: 10px 174px
}

#hot-stocks>ul .li1.hide {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-webkit-transition-duration: 0.33s;
	-moz-transition-duration: 0.33s;
	-o-transition-duration: 0.33s;
	transition-duration: 0.33s
}

#hot-stocks>ul li.li1 span.header {
	top: -32px;
	left: 66px;
}

#hot-stocks>ul li.li1 span.bunner_image {
	top: -2px;
	left: -2px;
}

#hot-stocks>ul .li2 {
	width: 88px;
	-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
	-moz-transition-property: -moz-transform, -moz-transform-origin;
	-o-transition-property: -o-transform, -o-transform-origin;
	transition-property: transform, transform-origin;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-moz-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-ms-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-o-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	visibility: hidden
}

#hot-stocks>ul .li2.show {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-duration: 0.65s;
	-moz-transition-duration: 0.65s;
	-o-transition-duration: 0.65s;
	transition-duration: 0.65s;
	-webkit-transform: rotate(0deg) scale(1) translate3d(52px, -124px, 0px);
	-moz-transform: rotate(0deg) scale(1) translate3d(52px, -124px, 0px);
	-ms-transform: rotate(0deg) scale(1) translate3d(52px, -124px, 0px);
	-o-transform: rotate(0deg) scale(1) translate3d(52px, -124px, 0px);
	transform: rotate(0deg) scale(1) translate3d(52px, -124px, 0px);
	-webkit-transform-origin: -52px 124px;
	-moz-transform-origin: -52px 124px;
	-ms-transform-origin: -52px 124px;
	-o-transform-origin: -52px 124px;
	transform-origin: -52px 124px
}

#hot-stocks>ul .li2.num4.show {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-duration: 0.65s;
	-moz-transition-duration: 0.65s;
	-o-transition-duration: 0.65s;
	transition-duration: 0.65s;
	-webkit-transform: rotate(0deg) scale(1) translate3d(52px, -94px, 0px);
	-moz-transform: rotate(0deg) scale(1) translate3d(52px, -94px, 0px);
	-ms-transform: rotate(0deg) scale(1) translate3d(52px, -94px, 0px);
	-o-transform: rotate(0deg) scale(1) translate3d(52px, -94px, 0px);
	transform: rotate(0deg) scale(1) translate3d(52px, -94px, 0px);
	-webkit-transform-origin: -52px 94px;
	-moz-transform-origin: -52px 94px;
	-ms-transform-origin: -52px 94px;
	-o-transform-origin: -52px 94px;
	transform-origin: -52px 94px
}

#hot-stocks>ul .li2.hide {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-webkit-transition-duration: 0.33s;
	-moz-transition-duration: 0.33s;
	-o-transition-duration: 0.33s;
	transition-duration: 0.33s
}

#hot-stocks>ul li.li2 span.header {
	top: -22px;
	left: 82px;
}

#hot-stocks>ul li.li2 span.bunner_image {
	top: -1px;
	left: 4px;
}

#hot-stocks>ul .li3 {
	width: 101px;
	-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
	-moz-transition-property: -moz-transform, -moz-transform-origin;
	-o-transition-property: -o-transform, -o-transform-origin;
	transition-property: transform, transform-origin;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-moz-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-ms-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-o-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	visibility: hidden
}

#hot-stocks>ul .li3.show {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-duration: 0.65s;
	-moz-transition-duration: 0.65s;
	-o-transition-duration: 0.65s;
	transition-duration: 0.65s;
	-webkit-transform: rotate(0deg) scale(1) translate3d(66px, -42px, 0px);
	-moz-transform: rotate(0deg) scale(1) translate3d(66px, -42px, 0px);
	-ms-transform: rotate(0deg) scale(1) translate3d(66px, -42px, 0px);
	-o-transform: rotate(0deg) scale(1) translate3d(66px, -42px, 0px);
	transform: rotate(0deg) scale(1) translate3d(66px, -42px, 0px);
	-webkit-transform-origin: -66px 42px;
	-moz-transform-origin: -66px 42px;
	-ms-transform-origin: -66px 42px;
	-o-transform-origin: -66px 42px;
	transform-origin: -66px 42px
}

#hot-stocks>ul .li3.hide {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-webkit-transition-duration: 0.33s;
	-moz-transition-duration: 0.33s;
	-o-transition-duration: 0.33s;
	transition-duration: 0.33s
}

#hot-stocks>ul li.li3 span.header {
	top: -26px;
	left: 88px;
}

#hot-stocks>ul li.li3 span.bunner_image {
	left: 16px;
}

#hot-stocks>ul .li4 {
	width: 89px;
	-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
	-moz-transition-property: -moz-transform, -moz-transform-origin;
	-o-transition-property: -o-transform, -o-transform-origin;
	transition-property: transform, transform-origin;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-moz-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-ms-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-o-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	visibility: hidden
}

#hot-stocks>ul .li4.show {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-duration: 0.65s;
	-moz-transition-duration: 0.65s;
	-o-transition-duration: 0.65s;
	transition-duration: 0.65s;
	-webkit-transform: rotate(0deg) scale(1) translate3d(52px, 39px, 0px);
	-moz-transform: rotate(0deg) scale(1) translate3d(52px, 39px, 0px);
	-ms-transform: rotate(0deg) scale(1) translate3d(52px, 39px, 0px);
	-o-transform: rotate(0deg) scale(1) translate3d(52px, 39px, 0px);
	transform: rotate(0deg) scale(1) translate3d(52px, 39px, 0px);
	-webkit-transform-origin: -52px -39px;
	-moz-transform-origin: -52px -39px;
	-ms-transform-origin: -52px -39px;
	-o-transform-origin: -52px -39px;
	transform-origin: -52px -39px
}

#hot-stocks>ul .li4.num4.show {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-duration: 0.65s;
	-moz-transition-duration: 0.65s;
	-o-transition-duration: 0.65s;
	transition-duration: 0.65s;
	-webkit-transform: rotate(0deg) scale(1) translate3d(52px, 9px, 0px);
	-moz-transform: rotate(0deg) scale(1) translate3d(52px, 9px, 0px);
	-ms-transform: rotate(0deg) scale(1) translate3d(52px, 9px, 0px);
	-o-transform: rotate(0deg) scale(1) translate3d(52px, 9px, 0px);
	transform: rotate(0deg) scale(1) translate3d(52px, 9px, 0px);
	-webkit-transform-origin: -52px -9px;
	-moz-transform-origin: -52px -9px;
	-ms-transform-origin: -52px -9px;
	-o-transform-origin: -52px -9px;
	transform-origin: -52px -9px
}

#hot-stocks>ul .li4.hide {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-webkit-transition-duration: 0.33s;
	-moz-transition-duration: 0.33s;
	-o-transition-duration: 0.33s;
	transition-duration: 0.33s
}

#hot-stocks>ul li.li4 span.header {
	top: 17px;
	left: 96px;
}

#hot-stocks>ul li.li4 span.bunner_image {
	right: -4px;
}

#hot-stocks>ul .li5 {
	width: 85px;
	-webkit-transition-property: -webkit-transform, -webkit-transform-origin;
	-moz-transition-property: -moz-transform, -moz-transform-origin;
	-o-transition-property: -o-transform, -o-transform-origin;
	transition-property: transform, transform-origin;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-moz-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-ms-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-o-transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	transform: rotate(-145deg) scale(0) translate3d(0px, -130px, 0px);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	visibility: hidden
}

#hot-stocks>ul .li5.show {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-duration: 0.65s;
	-moz-transition-duration: 0.65s;
	-o-transition-duration: 0.65s;
	transition-duration: 0.65s;
	-webkit-transform: rotate(0deg) scale(1) translate3d(-10px, 76px, 0px);
	-moz-transform: rotate(0deg) scale(1) translate3d(-10px, 76px, 0px);
	-ms-transform: rotate(0deg) scale(1) translate3d(-10px, 76px, 0px);
	-o-transform: rotate(0deg) scale(1) translate3d(-10px, 76px, 0px);
	transform: rotate(0deg) scale(1) translate3d(-10px, 76px, 0px);
	-webkit-transform-origin: 10px -76px;
	-moz-transform-origin: 10px -76px;
	-ms-transform-origin: 10px -76px;
	-o-transform-origin: 10px -76px;
	transform-origin: 10px -76px
}

#hot-stocks>ul .li5.hide {
	visibility: visible;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-webkit-transition-duration: 0.33s;
	-moz-transition-duration: 0.33s;
	-o-transition-duration: 0.33s;
	transition-duration: 0.33s
}

#hot-stocks>ul li.li5 span.header {
	top: 74px;
	left: 86px;
}

#hot-stocks>ul li.li5 span.bunner_image {
	top: 13px;
	left: -2px;
}

#hot-stocks>.btn-switch {
	margin: -62px 0px 0px -39px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(//img.cityheaven.net/img/icon/smart/btn-open-bg.png) no-repeat
		center center;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform: translate3d(-130px, 0, 0);
	-moz-transform: translate3d(-130px, 0, 0);
	-ms-transform: translate3d(-130px, 0, 0);
	-o-transform: translate3d(-130px, 0, 0);
	transform: translate3d(-130px, 0, 0);
	-webkit-transition-property: -webkit-transform, -webkit-transform-origin -webkit-background-size;
	-moz-transition-property: -moz-transform, -moz-transform-origin -ms-background-size;
	-o-transition-property: -o-transform, -o-transform-origin -o-background-size;
	transition-property: transform, transform-origin background-size;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	width: 130px;
	height: 130px;
	-webkit-background-size: 130px 130px;
	-moz-background-size: 130px 130px;
	-o-background-size: 130px 130px;
	background-size: 130px 130px;
}

#hot-stocks>.btn-switch.show {
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px)
}

#hot-stocks>.btn-switch.opened.show {
	-webkit-background-size: 65px 65px;
	-moz-background-size: 65px 65px;
	-o-background-size: 65px 65px;
	background-size: 65px 65px;
}


#hot-stocks>.btn-switch>.open {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	width: 100%;
	height: 100%;
}

#hot-stocks>.btn-switch>.open>img {
	width: 130px;
	height: 130px;
	left: -14px;
	top: -12px;
	position: absolute;
}

#hot-stocks>.btn-switch>.open.show {
	visibility: visible
}

#hot-stocks>.btn-switch>.close>img {
	width: 39px;
	height: 39px;
}

#hot-stocks>.btn-switch>.close {
	position: absolute;
	top: 46px;
	left: 46px;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-duration: 0.22s;
	-moz-transition-duration: 0.22s;
	-o-transition-duration: 0.22s;
	transition-duration: 0.22s;
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}

#hot-stocks>.btn-switch>.close.show {
	-webkit-transform: translate3d(0px, 0px, 0px) scale(1);
	-moz-transform: translate3d(0px, 0px, 0px) scale(1);
	-ms-transform: translate3d(0px, 0px, 0px) scale(1);
	-o-transform: translate3d(0px, 0px, 0px) scale(1);
	transform: translate3d(0px, 0px, 0px) scale(1)
}

#hot-stocks>.btn-switch>.close.hide {
	-webkit-transform: translate3d(0px, 0px, 0px) scale(0);
	-moz-transform: translate3d(0px, 0px, 0px) scale(0);
	-ms-transform: translate3d(0px, 0px, 0px) scale(0);
	-o-transform: translate3d(0px, 0px, 0px) scale(0);
	transform: translate3d(0px, 0px, 0px) scale(0)
}

.hot-stocks-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 10000;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

.hot-stocks-bg.iphone {
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.hot-stocks-bg.show {
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}

.hot-stocks-bg.hide {
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-moz-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	-o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}

#hot-stocks .btn-switch span.bunner_image {
	position: absolute;
	z-index: 10000;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	display: inline-block;
	background-color: #ccc;
	background-position: center center;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* top: initial; */
    top: 70px;
	bottom: 10px;
	left: 50%;
	margin-left: -25px;
}

#hot-stocks>ul li img.newicon {
	position: relative;
	z-index: 10002;
}

#hot-stocks>ul li img.newicon1 {
	left: 30px;
	top: -20px;
}

#hot-stocks>ul li img.newicon2 {
	left: 30px;
	top: -20px;
}

#hot-stocks>ul li img.newicon3 {
	left: 48px;
	top: -24px;
}

#hot-stocks>ul li img.newicon4 {
	left: 35px;
	top: -20px;
}

#hot-stocks>ul li img.newicon5 {
	left: 32px;
	top: -7px;
}

a.btn-switch.show.closed {
	animation: inout 5s;
	animation-iteration-count: infinite;
	-webkit-animation: inout 5s;
	-webkit-animation-iteration-count: infinite;
}

@keyframes inout {
	0% {
		transform: translate3d(0px, 0px, 0px) scale(1, 1);
	}
	50% {
		transform: translate3d(0px, 0px, 0px) scale(0.8, 0.8);
	}
	100% {
		transform: translate3d(0px, 0px, 0px) scale(1, 1);
	}
}

/* Safari & Chrome */
@-webkit-keyframes inout {
	0% {
		-webkit-transform: translate3d(0px, 0px, 0px) scale(1, 1);
	}
	50% {
		-webkit-transform: translate3d(0px, 0px, 0px) scale(0.8, 0.8);
	}
	100% {
		-webkit-transform: translate3d(0px, 0px, 0px) scale(1, 1);
	}
}